@oiz/stzh-components 4.12.1-beta1 → 4.12.1

package/dist/stzh-components/{p-8f956678.entry.js → p-e95ee8a4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as a,F as s,a as i,d as r}from"./p-BDy81lpO.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 c=()=>`: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:flex;opacity:0;visibility:hidden;pointer-events:none}.stzh-geo-ref-data--is-open{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 l="stzh-overlay-open";const p=class{constructor(a){t(this,a);this.stzhOverlayCloseClick=e(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(l);this.isOpen=false;const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));t.delete("extent[0]");t.delete("extent[1]");t.delete("extent[2]");t.delete("extent[3]");t.delete("al");const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e);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 t=await this.mapElement.getMap();t.updateSize()};this.mediaChangeHandler=()=>{this.isViewportLarge=d("large").matches;this.isViewportMedium=d("medium").matches};this.handleFilterChange=async t=>{let e=Array.isArray(t.detail.value)?t.detail.value:[t.detail.value];if(e.length===1&&e[0]===this._resetTag.value){this.appliedFilters=[]}else{try{e=e.filter((t=>t!==""))}catch(t){}this.appliedFilters=e}setTimeout((async()=>{await this.handleFilterResults()}))};this.handleExtentVisibilityChange=async t=>{this.showOnlyResultsForCurrentExtent=t.detail.checked;await this.setVisibleMarkers()};this.handleSearchChange=async t=>{if(t.detail.value!==""){if(!this.searchIndex){return}const e=this.searchIndex.search(t.detail.value);const a=e.flatMap((t=>t.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(t){if(!t){this._availableTags=[]}else if(typeof t==="string"){try{this._availableTags=JSON.parse(t)}catch(t){this._availableTags=[]}}else{this._availableTags=t}}resetTagWatcher(t){if(!t){this._resetTag=undefined}else if(typeof t==="string"){try{this._resetTag=JSON.parse(t)}catch(t){this._resetTag=undefined}}else{this._resetTag=t}}applyFiltersFromUrl(){const t=new URLSearchParams(window.location.search);const e=Array.from(t.entries()).filter((([t,e])=>t.startsWith("filters[")&&e==="true")).map((([t])=>t.slice(8,-1)));if(e.length){this.appliedFilters=e;this.updateUrlWithFilters();this.handleFilterChange({detail:{value:e}})}}async loadMapData(){if(!this.mapDataUrl){return[]}try{const t=await fetch(this.mapDataUrl);const e=await t.text();const a=(new DOMParser).parseFromString(e,"text/xml");return Array.from(a.querySelectorAll("featureMember")).map((t=>{var e,a;const s=(e=t.querySelector("pos"))===null||e===void 0?void 0:e.textContent;const i=(a=t.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(t){this.toastbarElement.toast("Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.",{type:"error"}).catch()}}async loadPoiData(){if(!this.poiDataUrl){return[]}try{const t=await fetch(this.poiDataUrl,{credentials:"include"});const e=await t.json();return e.items}catch(t){this.toastbarElement.toast("Beim Laden der POI-Daten ist ein Fehler aufgetreten.",{type:"error"}).catch()}}combineData(t,e){if(!t.length||!e.length){return[]}let a;let s;if(t.length<e.length){a=t;s=e}else{a=e;s=t}return a.map((t=>{const e=s.find((e=>e.poiid===t.poiid));return Object.assign(Object.assign({},t),e)})).sort(((t,e)=>{try{return t.title.localeCompare(e.title)}catch(t){return 1}}))}enhanceTags(t,e){return t.sort(((t,e)=>{try{return t.label.localeCompare(e.label)}catch(t){return 1}})).map((t=>{const a=e.filter((e=>{try{return e.tags.includes(t.value)}catch(t){return false}})).length.toString();return Object.assign(Object.assign({},t),{counter:a,variant:"filter"})}))}buildSearchIndex(t){if(!t.length){return}this.searchIndex=new h.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.searchIndexIdField,index:this.searchIndexFields}});t.forEach((t=>{this.searchIndex.add(t)}))}async mapMovedPannedOrZoomed(){await this.setVisibleMarkers()}async setVisibleMarkers(){if(this.combinedData){const t=await this.mapElement.getVisibleMarkers();if(this.showOnlyResultsForCurrentExtent){this.finalResults=this.combinedData.filter((e=>t.find((t=>t.getId()===e.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 t=new URLSearchParams(window.location.search);const e=t.get("al");if(e&&e===this.al){await this.initializeAndOpenMap()}}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.handleResize()}));this.resizeObserver.observe(this.element);if(this.metaWrapperElement){this.resizeObserver.observe(this.metaWrapperElement)}this.handleResize();this.checkDirectOpenViaUrl()}connectedCallback(){this.mediaChangeHandler();n(this.mediaChangeHandler);this.availableTagsWatcher(this.availableTags);this.resetTagWatcher(this.resetTag)}disconnectedCallback(){o(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}layoutReady(){if(this.mapElement.clientWidth>0&&this.mapElement.clientHeight>0){return Promise.resolve()}return new Promise((t=>{const e=new ResizeObserver((a=>{for(const s of a){if(s.contentRect.width>0&&s.contentRect.height>0){e.disconnect();t();return}}}));e.observe(this.mapElement)}))}async initializeAndOpenMap(){const t=new URLSearchParams(window.location.search);const e=[parseFloat(t.get("extent[0]")),parseFloat(t.get("extent[1]")),parseFloat(t.get("extent[2]")),parseFloat(t.get("extent[3]"))];const a=e.length===4&&e.every((t=>!isNaN(t)));document.body.classList.add(l);this.isLoading=true;this.isOpen=true;await this.layoutReady();if(!t.has("al")){t.set("al",this.al);const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}try{const[t,e]=await Promise.all([this.loadMapData(),this.loadPoiData()]);this.combinedData=this.combineData(t,e);this.setEnhancedTags();this.applyFiltersFromUrl();this.buildSearchIndex(this.combinedData);this.finalResults=this.combinedData;await this.combineFilterAndSearchResults();await this.handleResize();if(!a){await this.mapElement.updateViewToFitMarkers()}this.isInitialized=true;await this.setVisibleMarkers()}catch(t){this.toastbarElement.toast("Beim Laden der Karte ist ein Fehler aufgetreten.",{type:"error"}).catch()}this.isLoading=false}updateUrlWithFilters(){const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));this.appliedFilters.forEach((e=>{t.set(`filters[${e}]`,"true")}));const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}setEnhancedTags(){this.enhancedTags=this.enhanceTags(this._availableTags,this.finalResults);const t=Object.assign(Object.assign({},this._resetTag),{counter:this.finalResults.length.toString()});if(this._resetTag){this.enhancedTags.unshift(t)}}async handleFilterResults(){if(this.appliedFilters.length!==0){this.filterResults=this.finalResults.filter((t=>t.tags&&t.tags.some((t=>this.appliedFilters.includes(t)))));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((t=>this.combinedData.find((e=>e.poiid===t))))}else if(this.filterActive&&this.searchActive){this.finalResults=this.filterResults.filter((t=>this.searchResults.has(t.poiid)))}else{this.finalResults=this.combinedData}this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);await this.replaceMapMarkers(this.finalResults)}loadMore(){this.finalResultsPaginationOffset++;const t=this.finalResults.slice(this.finalResultsPaginationOffset*this.numberOfItemsToLoad,this.finalResultsPaginationOffset*this.numberOfItemsToLoad+this.numberOfItemsToLoad);if(!t||!t.length||t.length<this.numberOfItemsToLoad){this.canLoadMore=false}this.finalResultsPaginatedList=this.finalResultsPaginatedList.concat(t)}async replaceMapMarkers(t){await this.mapElement.removeAllIconMarkers();const e=t.filter((t=>!!t.lat&&!!t.lon));await Promise.all(e.map((t=>this.mapElement.addIconMarker([parseFloat(t.lat),parseFloat(t.lon)],{id:t.poiid,title:t.title,text:t.description,data:t.data,imageUri:`${this.baseUrlOverride}${t.image}`,href:`${this.baseUrlOverride}${t.path}`}))));if(!this.showOnlyResultsForCurrentExtent){await this.mapElement.updateViewToFitMarkers()}}async handlePoiTeaserMouseEnter(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerActive(e)}}async handlePoiTeaserMouseLeave(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerInactive(e)}}render(){const t={"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:"d52d0d415c95921c0cb91de53945300a71270825"},a("stzh-toastbar",{key:"59a4c0e3643dedfa18d8d891ea3aeed48ee48d9b",ref:t=>this.toastbarElement=t}),a("div",{key:"7776860e9ad59cea2a5d95ae31e6cf71bf20a930",class:"stzh-geo-ref-data__trigger",onClick:()=>this.initializeAndOpenMap()},a("slot",{key:"db1209ae70598b030657ddc81f75f949d8ddba95",name:"trigger"})),a("stzh-overlay",{key:"d9f2134896e7374130341874a12d1ff5fb1d0b5e",open:this.isLoading},a("stzh-loader",{key:"54b780faa5920d364e4cc639240e9d5825bd1ecd",label:"Daten werden geladen..."})),a("div",{key:"a6de037b1cbe84cd16e1fa4097e3624cab5c9a7b",class:t},a("div",{key:"7ef109f93812461e91b11cd4750afd1bc98a0d23",class:"stzh-geo-ref-data__header-wrapper"},a("stzh-header",{key:"8b88a24ad9849b6fb9bd7eacb14ad605a65aa366",class:"stzh-geo-ref-data__header","hide-metabar":true,sticky:"disabled"},a("slot",{key:"ab9b717180e53d7bbd99d1729cbae15565d92d1d",name:"logo",slot:"logo"})),a("div",{key:"48ba84a6c740c28fe60a2ffb78a0eb9b78993438",class:"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding"},a("stzh-heading",{key:"0793726f2ae85b1b10a561397b2c9ecedbef7ef4",class:"stzh-geo-ref-data__heading-heading",curve:"h2"},this.heading),a("stzh-button",{key:"d7b7f250cfcc45e90918133b39d7db014214dbbd",class:"stzh-geo-ref-data__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),a("div",{key:"c9279a32efbec1d9592109ac3d397d02ac50aa8a",class:"stzh-geo-ref-data__content"},a("div",{key:"8ee2d9ff4fe917f3b4d6e4085dd7ea08482bcd04",class:"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding",ref:t=>this.metaWrapperElement=t},a("div",{key:"bb91f67a0ce5a195e2c57e54181f7a52ca0b2fc6",class:"stzh-geo-ref-data__filters"},this._availableTags.length>0&&a("div",{key:"08c520f373df48cc0a14f338ecdbb87e06ce7aa2",class:"stzh-geo-ref-data__filters-toggle"},a("stzh-chip",{key:"f825c034f2603f93d870f5a4cf8c5bf7629846c9",label:this.isViewportMedium?"Filter":"",variant:"filter",icon:"filtering",onStzhClick:this.handleFilterToggleClick})),a("div",{key:"4ed37da08408980af725b9f14345417a83e3a8fe",class:{"stzh-geo-ref-data__filters-content":true,"stzh-geo-ref-data__filters-content--visible":!this.isViewportLarge&&this.isFiltersContentOpen}},a("stzh-chipselect",{key:"36f0c38f154b9c74649f2139ba3b8deb42b023e6","label-hidden":true,label:"Tags",data:this.enhancedTags,onStzhChange:this.handleFilterChange,multiple:true,defaultValue:this.appliedFilters,value:this.appliedFilters}),a("div",{key:"ccd97322af0a6d3de6344a3af68ddbc5ae8ab289",class:"stzh-geo-ref-data__filters-apply-button"},a("stzh-button",{key:"184c1c66cb90e5a0a6d27d2a7c47cba65e8072e3",size:"small",fullwidth:true,onStzhClick:this.handleApplyFilterClick},"Anwenden")))),a("div",{key:"0b667cb3fc9097e39968998751d75605ea12dd7c",class:"stzh-geo-ref-data__search"},a("stzh-input",{key:"79ba7798b85d227ccac8cf82c5fb6d999e888c7c",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("div",{key:"49c453ef092e73e98ee4d2a0651be2d729ef6828",class:"stzh-geo-ref-data__results-toggle"},a("stzh-chip",{key:"6d9df7ef57ac9b315b3925810524e14df8a1f87b",onStzhClick:this.toggleViewMode,label:this.viewmode==="map"?"Liste":"Karte",icon:this.viewmode==="map"?"bulleted-list":"map",variant:"filter"}))),a("div",{key:"275cbee5735cb3e70d01845a7bc32b2504fe727d",class:"stzh-geo-ref-data__results-wrapper"},a("div",{key:"20425624999a7173557c56872ffdd9ca4dcdc38a",class:`stzh-geo-ref-data__results-map ${this.viewmode==="map"?"active":"inactive"}`},a("stzh-olmap",{key:"fddcb135cabe600528de028ac921cd80b95b63bb",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:t=>this.mapElement=t}),a("div",{key:"6ec4d6187da2c7e23828c85798cce7564c662fbe",class:"stzh-geo-ref-data__map-controls"},a("stzh-checkbox",{key:"a698b96f45ab95a490323b7a9593cde0db215f41",label:"Treffer an Kartenausschnitt anpassen",checked:this.showOnlyResultsForCurrentExtent,hideOptional:true,onStzhChange:this.handleExtentVisibilityChange}))),a("div",{key:"a2f1bdc52720c767b8a2a59130ea60ac7dac29ba",class:`stzh-geo-ref-data__results-list ${this.viewmode==="list"?"active":"inactive"}`,ref:t=>this.resultsListElement=t},this.finalResults&&a(s,{key:"a875704253805a5da7d515d77470ec04413ab03b"},a("div",{key:"8b50082582512194f5c4414e9b950f7d481585ce",class:"stzh-geo-ref-data__list-search"},a("stzh-input",{key:"945c821be01a1e4bdc589d385a73524df268b3a2",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("stzh-text",{key:"55ac872a105878b98045e60b003aade6d692a8c8",class:"stzh-geo-ref-data__results-list-heading"},this.finalResults.length," Treffer"),a("div",{key:"2ae22da80a239339277e7775d352bc4fb77cc854",class:"stzh-geo-ref-data__teaser-list"},this.finalResultsPaginatedList.map((t=>a("div",{class:"stzh-poi-teaser",onMouseEnter:()=>this.handlePoiTeaserMouseEnter(t),onMouseLeave:()=>this.handlePoiTeaserMouseLeave(t)},a("a",{class:"stzh-poi-teaser-link",href:this.baseUrlOverride+t.path}),a("div",{class:"stzh-poi-teaser-content"},a("stzh-heading",{curve:"lead"},t.poiname),t.description&&a("stzh-text",{size:"micro"},t.description),t.data&&t.data.length>0&&t.data.map((t=>a("div",{class:"stzh-poi-teaser-list-item"},a("stzh-icon",{name:t.icon}),a("stzh-text",{size:"micro"},t.text))))),t.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+t.image,alt:"Foto von "+t.poiname}))))))),this.canLoadMore&&a("div",{key:"2b673f61bb521c312250e4a8e91aba7042cc6a7f",class:"stzh-geo-ref-data__teaser-load-more"},a("stzh-button",{key:"d1622f3c220fca2a70615f695de480b7355e4fb8",onStzhClick:()=>this.loadMore()},"Weitere laden"))))))))}get element(){return r(this)}static get watchers(){return{availableTags:["availableTagsWatcher"],resetTag:["resetTagWatcher"]}}};p.style=c();export{p as stzh_geo_ref_data};
-//# sourceMappingURL=p-8f956678.entry.js.map
+import{r as t,c as e,h as a,F as s,a as i,d as r}from"./p-Qb46gVIp.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 c=()=>`: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:flex;opacity:0;visibility:hidden;pointer-events:none}.stzh-geo-ref-data--is-open{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 l="stzh-overlay-open";const p=class{constructor(a){t(this,a);this.stzhOverlayCloseClick=e(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(l);this.isOpen=false;const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));t.delete("extent[0]");t.delete("extent[1]");t.delete("extent[2]");t.delete("extent[3]");t.delete("al");const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e);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 t=await this.mapElement.getMap();t.updateSize()};this.mediaChangeHandler=()=>{this.isViewportLarge=d("large").matches;this.isViewportMedium=d("medium").matches};this.handleFilterChange=async t=>{let e=Array.isArray(t.detail.value)?t.detail.value:[t.detail.value];if(e.length===1&&e[0]===this._resetTag.value){this.appliedFilters=[]}else{try{e=e.filter((t=>t!==""))}catch(t){}this.appliedFilters=e}setTimeout((async()=>{await this.handleFilterResults()}))};this.handleExtentVisibilityChange=async t=>{this.showOnlyResultsForCurrentExtent=t.detail.checked;await this.setVisibleMarkers()};this.handleSearchChange=async t=>{if(t.detail.value!==""){if(!this.searchIndex){return}const e=this.searchIndex.search(t.detail.value);const a=e.flatMap((t=>t.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(t){if(!t){this._availableTags=[]}else if(typeof t==="string"){try{this._availableTags=JSON.parse(t)}catch(t){this._availableTags=[]}}else{this._availableTags=t}}resetTagWatcher(t){if(!t){this._resetTag=undefined}else if(typeof t==="string"){try{this._resetTag=JSON.parse(t)}catch(t){this._resetTag=undefined}}else{this._resetTag=t}}applyFiltersFromUrl(){const t=new URLSearchParams(window.location.search);const e=Array.from(t.entries()).filter((([t,e])=>t.startsWith("filters[")&&e==="true")).map((([t])=>t.slice(8,-1)));if(e.length){this.appliedFilters=e;this.updateUrlWithFilters();this.handleFilterChange({detail:{value:e}})}}async loadMapData(){if(!this.mapDataUrl){return[]}try{const t=await fetch(this.mapDataUrl);const e=await t.text();const a=(new DOMParser).parseFromString(e,"text/xml");return Array.from(a.querySelectorAll("featureMember")).map((t=>{var e,a;const s=(e=t.querySelector("pos"))===null||e===void 0?void 0:e.textContent;const i=(a=t.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(t){this.toastbarElement.toast("Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.",{type:"error"}).catch()}}async loadPoiData(){if(!this.poiDataUrl){return[]}try{const t=await fetch(this.poiDataUrl,{credentials:"include"});const e=await t.json();return e.items}catch(t){this.toastbarElement.toast("Beim Laden der POI-Daten ist ein Fehler aufgetreten.",{type:"error"}).catch()}}combineData(t,e){if(!t.length||!e.length){return[]}let a;let s;if(t.length<e.length){a=t;s=e}else{a=e;s=t}return a.map((t=>{const e=s.find((e=>e.poiid===t.poiid));return Object.assign(Object.assign({},t),e)})).sort(((t,e)=>{try{return t.title.localeCompare(e.title)}catch(t){return 1}}))}enhanceTags(t,e){return t.sort(((t,e)=>{try{return t.label.localeCompare(e.label)}catch(t){return 1}})).map((t=>{const a=e.filter((e=>{try{return e.tags.includes(t.value)}catch(t){return false}})).length.toString();return Object.assign(Object.assign({},t),{counter:a,variant:"filter"})}))}buildSearchIndex(t){if(!t.length){return}this.searchIndex=new h.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.searchIndexIdField,index:this.searchIndexFields}});t.forEach((t=>{this.searchIndex.add(t)}))}async mapMovedPannedOrZoomed(){await this.setVisibleMarkers()}async setVisibleMarkers(){if(this.combinedData){const t=await this.mapElement.getVisibleMarkers();if(this.showOnlyResultsForCurrentExtent){this.finalResults=this.combinedData.filter((e=>t.find((t=>t.getId()===e.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 t=new URLSearchParams(window.location.search);const e=t.get("al");if(e&&e===this.al){await this.initializeAndOpenMap()}}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.handleResize()}));this.resizeObserver.observe(this.element);if(this.metaWrapperElement){this.resizeObserver.observe(this.metaWrapperElement)}this.handleResize();this.checkDirectOpenViaUrl()}connectedCallback(){this.mediaChangeHandler();n(this.mediaChangeHandler);this.availableTagsWatcher(this.availableTags);this.resetTagWatcher(this.resetTag)}disconnectedCallback(){o(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}layoutReady(){if(this.mapElement.clientWidth>0&&this.mapElement.clientHeight>0){return Promise.resolve()}return new Promise((t=>{const e=new ResizeObserver((a=>{for(const s of a){if(s.contentRect.width>0&&s.contentRect.height>0){e.disconnect();t();return}}}));e.observe(this.mapElement)}))}async initializeAndOpenMap(){const t=new URLSearchParams(window.location.search);const e=[parseFloat(t.get("extent[0]")),parseFloat(t.get("extent[1]")),parseFloat(t.get("extent[2]")),parseFloat(t.get("extent[3]"))];const a=e.length===4&&e.every((t=>!isNaN(t)));document.body.classList.add(l);this.isLoading=true;this.isOpen=true;await this.layoutReady();if(!t.has("al")){t.set("al",this.al);const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}try{const[t,e]=await Promise.all([this.loadMapData(),this.loadPoiData()]);this.combinedData=this.combineData(t,e);this.setEnhancedTags();this.applyFiltersFromUrl();this.buildSearchIndex(this.combinedData);this.finalResults=this.combinedData;await this.combineFilterAndSearchResults();await this.handleResize();if(!a){await this.mapElement.updateViewToFitMarkers()}this.isInitialized=true;await this.setVisibleMarkers()}catch(t){this.toastbarElement.toast("Beim Laden der Karte ist ein Fehler aufgetreten.",{type:"error"}).catch()}this.isLoading=false}updateUrlWithFilters(){const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));this.appliedFilters.forEach((e=>{t.set(`filters[${e}]`,"true")}));const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}setEnhancedTags(){this.enhancedTags=this.enhanceTags(this._availableTags,this.finalResults);const t=Object.assign(Object.assign({},this._resetTag),{counter:this.finalResults.length.toString()});if(this._resetTag){this.enhancedTags.unshift(t)}}async handleFilterResults(){if(this.appliedFilters.length!==0){this.filterResults=this.finalResults.filter((t=>t.tags&&t.tags.some((t=>this.appliedFilters.includes(t)))));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((t=>this.combinedData.find((e=>e.poiid===t))))}else if(this.filterActive&&this.searchActive){this.finalResults=this.filterResults.filter((t=>this.searchResults.has(t.poiid)))}else{this.finalResults=this.combinedData}this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);await this.replaceMapMarkers(this.finalResults)}loadMore(){this.finalResultsPaginationOffset++;const t=this.finalResults.slice(this.finalResultsPaginationOffset*this.numberOfItemsToLoad,this.finalResultsPaginationOffset*this.numberOfItemsToLoad+this.numberOfItemsToLoad);if(!t||!t.length||t.length<this.numberOfItemsToLoad){this.canLoadMore=false}this.finalResultsPaginatedList=this.finalResultsPaginatedList.concat(t)}async replaceMapMarkers(t){await this.mapElement.removeAllIconMarkers();const e=t.filter((t=>!!t.lat&&!!t.lon));await Promise.all(e.map((t=>this.mapElement.addIconMarker([parseFloat(t.lat),parseFloat(t.lon)],{id:t.poiid,title:t.title,text:t.description,data:t.data,imageUri:`${this.baseUrlOverride}${t.image}`,href:`${this.baseUrlOverride}${t.path}`}))));if(!this.showOnlyResultsForCurrentExtent){await this.mapElement.updateViewToFitMarkers()}}async handlePoiTeaserMouseEnter(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerActive(e)}}async handlePoiTeaserMouseLeave(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerInactive(e)}}render(){const t={"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:"d52d0d415c95921c0cb91de53945300a71270825"},a("stzh-toastbar",{key:"59a4c0e3643dedfa18d8d891ea3aeed48ee48d9b",ref:t=>this.toastbarElement=t}),a("div",{key:"7776860e9ad59cea2a5d95ae31e6cf71bf20a930",class:"stzh-geo-ref-data__trigger",onClick:()=>this.initializeAndOpenMap()},a("slot",{key:"db1209ae70598b030657ddc81f75f949d8ddba95",name:"trigger"})),a("stzh-overlay",{key:"d9f2134896e7374130341874a12d1ff5fb1d0b5e",open:this.isLoading},a("stzh-loader",{key:"54b780faa5920d364e4cc639240e9d5825bd1ecd",label:"Daten werden geladen..."})),a("div",{key:"a6de037b1cbe84cd16e1fa4097e3624cab5c9a7b",class:t},a("div",{key:"7ef109f93812461e91b11cd4750afd1bc98a0d23",class:"stzh-geo-ref-data__header-wrapper"},a("stzh-header",{key:"8b88a24ad9849b6fb9bd7eacb14ad605a65aa366",class:"stzh-geo-ref-data__header","hide-metabar":true,sticky:"disabled"},a("slot",{key:"ab9b717180e53d7bbd99d1729cbae15565d92d1d",name:"logo",slot:"logo"})),a("div",{key:"48ba84a6c740c28fe60a2ffb78a0eb9b78993438",class:"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding"},a("stzh-heading",{key:"0793726f2ae85b1b10a561397b2c9ecedbef7ef4",class:"stzh-geo-ref-data__heading-heading",curve:"h2"},this.heading),a("stzh-button",{key:"d7b7f250cfcc45e90918133b39d7db014214dbbd",class:"stzh-geo-ref-data__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),a("div",{key:"c9279a32efbec1d9592109ac3d397d02ac50aa8a",class:"stzh-geo-ref-data__content"},a("div",{key:"8ee2d9ff4fe917f3b4d6e4085dd7ea08482bcd04",class:"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding",ref:t=>this.metaWrapperElement=t},a("div",{key:"bb91f67a0ce5a195e2c57e54181f7a52ca0b2fc6",class:"stzh-geo-ref-data__filters"},this._availableTags.length>0&&a("div",{key:"08c520f373df48cc0a14f338ecdbb87e06ce7aa2",class:"stzh-geo-ref-data__filters-toggle"},a("stzh-chip",{key:"f825c034f2603f93d870f5a4cf8c5bf7629846c9",label:this.isViewportMedium?"Filter":"",variant:"filter",icon:"filtering",onStzhClick:this.handleFilterToggleClick})),a("div",{key:"4ed37da08408980af725b9f14345417a83e3a8fe",class:{"stzh-geo-ref-data__filters-content":true,"stzh-geo-ref-data__filters-content--visible":!this.isViewportLarge&&this.isFiltersContentOpen}},a("stzh-chipselect",{key:"36f0c38f154b9c74649f2139ba3b8deb42b023e6","label-hidden":true,label:"Tags",data:this.enhancedTags,onStzhChange:this.handleFilterChange,multiple:true,defaultValue:this.appliedFilters,value:this.appliedFilters}),a("div",{key:"ccd97322af0a6d3de6344a3af68ddbc5ae8ab289",class:"stzh-geo-ref-data__filters-apply-button"},a("stzh-button",{key:"184c1c66cb90e5a0a6d27d2a7c47cba65e8072e3",size:"small",fullwidth:true,onStzhClick:this.handleApplyFilterClick},"Anwenden")))),a("div",{key:"0b667cb3fc9097e39968998751d75605ea12dd7c",class:"stzh-geo-ref-data__search"},a("stzh-input",{key:"79ba7798b85d227ccac8cf82c5fb6d999e888c7c",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("div",{key:"49c453ef092e73e98ee4d2a0651be2d729ef6828",class:"stzh-geo-ref-data__results-toggle"},a("stzh-chip",{key:"6d9df7ef57ac9b315b3925810524e14df8a1f87b",onStzhClick:this.toggleViewMode,label:this.viewmode==="map"?"Liste":"Karte",icon:this.viewmode==="map"?"bulleted-list":"map",variant:"filter"}))),a("div",{key:"275cbee5735cb3e70d01845a7bc32b2504fe727d",class:"stzh-geo-ref-data__results-wrapper"},a("div",{key:"20425624999a7173557c56872ffdd9ca4dcdc38a",class:`stzh-geo-ref-data__results-map ${this.viewmode==="map"?"active":"inactive"}`},a("stzh-olmap",{key:"fddcb135cabe600528de028ac921cd80b95b63bb",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:t=>this.mapElement=t}),a("div",{key:"6ec4d6187da2c7e23828c85798cce7564c662fbe",class:"stzh-geo-ref-data__map-controls"},a("stzh-checkbox",{key:"a698b96f45ab95a490323b7a9593cde0db215f41",label:"Treffer an Kartenausschnitt anpassen",checked:this.showOnlyResultsForCurrentExtent,hideOptional:true,onStzhChange:this.handleExtentVisibilityChange}))),a("div",{key:"a2f1bdc52720c767b8a2a59130ea60ac7dac29ba",class:`stzh-geo-ref-data__results-list ${this.viewmode==="list"?"active":"inactive"}`,ref:t=>this.resultsListElement=t},this.finalResults&&a(s,{key:"a875704253805a5da7d515d77470ec04413ab03b"},a("div",{key:"8b50082582512194f5c4414e9b950f7d481585ce",class:"stzh-geo-ref-data__list-search"},a("stzh-input",{key:"945c821be01a1e4bdc589d385a73524df268b3a2",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("stzh-text",{key:"55ac872a105878b98045e60b003aade6d692a8c8",class:"stzh-geo-ref-data__results-list-heading"},this.finalResults.length," Treffer"),a("div",{key:"2ae22da80a239339277e7775d352bc4fb77cc854",class:"stzh-geo-ref-data__teaser-list"},this.finalResultsPaginatedList.map((t=>a("div",{class:"stzh-poi-teaser",onMouseEnter:()=>this.handlePoiTeaserMouseEnter(t),onMouseLeave:()=>this.handlePoiTeaserMouseLeave(t)},a("a",{class:"stzh-poi-teaser-link",href:this.baseUrlOverride+t.path}),a("div",{class:"stzh-poi-teaser-content"},a("stzh-heading",{curve:"lead"},t.poiname),t.description&&a("stzh-text",{size:"micro"},t.description),t.data&&t.data.length>0&&t.data.map((t=>a("div",{class:"stzh-poi-teaser-list-item"},a("stzh-icon",{name:t.icon}),a("stzh-text",{size:"micro"},t.text))))),t.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+t.image,alt:"Foto von "+t.poiname}))))))),this.canLoadMore&&a("div",{key:"2b673f61bb521c312250e4a8e91aba7042cc6a7f",class:"stzh-geo-ref-data__teaser-load-more"},a("stzh-button",{key:"d1622f3c220fca2a70615f695de480b7355e4fb8",onStzhClick:()=>this.loadMore()},"Weitere laden"))))))))}get element(){return r(this)}static get watchers(){return{availableTags:["availableTagsWatcher"],resetTag:["resetTagWatcher"]}}};p.style=c();export{p as stzh_geo_ref_data};
+//# sourceMappingURL=p-e95ee8a4.entry.js.map

package/dist/stzh-components/{p-759099e2.entry.js → p-ec817cb2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as i,d as e}from"./p-BDy81lpO.js";import{h as n}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const l=()=>`.sc-stzh-linklist-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-linklist-h,[stzh-hidden].sc-stzh-linklist-h{display:none}.sc-stzh-linklist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-linklist-h *.sc-stzh-linklist,.sc-stzh-linklist-h *.sc-stzh-linklist::before,.sc-stzh-linklist-h *.sc-stzh-linklist::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-linklist-h .has-focus.sc-stzh-linklist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-linklist-h .stzh-fylingfocus-focused.sc-stzh-linklist{outline-style:none !important}.sc-stzh-linklist-h .stzh-fylingfocus-focused.sc-stzh-linklist::-moz-focus-inner{border:0 !important}[padding-bottom=false].sc-stzh-linklist-h .stzh-linklist.sc-stzh-linklist{padding-bottom:0}.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-linklist.sc-stzh-linklist{grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-xlarge)}}.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-small)}}.stzh-linklist__heading.sc-stzh-linklist{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)}@media screen and (min-width: 600px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-linklist__heading.sc-stzh-linklist{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)}}.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-linklist__wrapper.sc-stzh-linklist{display:grid;row-gap:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-linklist__wrapper.sc-stzh-linklist{row-gap:var(--stzh-space-xsmall)}}.stzh-linklist__wrapper.sc-stzh-linklist{overflow:visible}`;const a=class{constructor(s){t(this,s);this.headingLevel="3";this.paddingBottom=true;this.items=[]}render(){const t={"stzh-linklist":true};const e=n(this.element,"datalist");return s(i,{key:"edbe519049ece41d4f0d5d6a2333431acdf324af","padding-bottom":this.paddingBottom},s("div",{key:"993be3724c72b6c8067e20ab2cc49fede408eeb4",class:t},s("div",{key:"73be1270eda2c91388625ba7969b02b883424eae",class:"stzh-linklist__wrapper"},this.heading&&s("div",{key:"efc92b68441f0de06c31c1cd7f7c05b377d3bb74",class:"stzh-linklist__heading"},s("stzh-heading",{key:"4d2c758412dd5c4585463ac6ab17552c32fde02b",level:this.headingLevel},this.heading)),s("div",{key:"0e39faa755fd3655dd51e7022c8a8d7261b0213d",class:"stzh-linklist__list"},e?s("slot",{name:"datalist"}):s("stzh-datalist",{verticalGap:"small",items:this.items})))))}get element(){return e(this)}};a.style=l();export{a as stzh_linklist};
-//# sourceMappingURL=p-759099e2.entry.js.map
+import{r as t,h as s,a as i,d as e}from"./p-Qb46gVIp.js";import{h as n}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const l=()=>`.sc-stzh-linklist-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-linklist-h,[stzh-hidden].sc-stzh-linklist-h{display:none}.sc-stzh-linklist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-linklist-h *.sc-stzh-linklist,.sc-stzh-linklist-h *.sc-stzh-linklist::before,.sc-stzh-linklist-h *.sc-stzh-linklist::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-linklist-h .has-focus.sc-stzh-linklist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-linklist-h .stzh-fylingfocus-focused.sc-stzh-linklist{outline-style:none !important}.sc-stzh-linklist-h .stzh-fylingfocus-focused.sc-stzh-linklist::-moz-focus-inner{border:0 !important}[padding-bottom=false].sc-stzh-linklist-h .stzh-linklist.sc-stzh-linklist{padding-bottom:0}.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-linklist.sc-stzh-linklist{grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-xlarge)}}.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-small)}}.stzh-linklist__heading.sc-stzh-linklist{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)}@media screen and (min-width: 600px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-linklist__heading.sc-stzh-linklist{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)}}.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-linklist__wrapper.sc-stzh-linklist{display:grid;row-gap:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-linklist__wrapper.sc-stzh-linklist{row-gap:var(--stzh-space-xsmall)}}.stzh-linklist__wrapper.sc-stzh-linklist{overflow:visible}`;const a=class{constructor(s){t(this,s);this.headingLevel="3";this.paddingBottom=true;this.items=[]}render(){const t={"stzh-linklist":true};const e=n(this.element,"datalist");return s(i,{key:"edbe519049ece41d4f0d5d6a2333431acdf324af","padding-bottom":this.paddingBottom},s("div",{key:"993be3724c72b6c8067e20ab2cc49fede408eeb4",class:t},s("div",{key:"73be1270eda2c91388625ba7969b02b883424eae",class:"stzh-linklist__wrapper"},this.heading&&s("div",{key:"efc92b68441f0de06c31c1cd7f7c05b377d3bb74",class:"stzh-linklist__heading"},s("stzh-heading",{key:"4d2c758412dd5c4585463ac6ab17552c32fde02b",level:this.headingLevel},this.heading)),s("div",{key:"0e39faa755fd3655dd51e7022c8a8d7261b0213d",class:"stzh-linklist__list"},e?s("slot",{name:"datalist"}):s("stzh-datalist",{verticalGap:"small",items:this.items})))))}get element(){return e(this)}};a.style=l();export{a as stzh_linklist};
+//# sourceMappingURL=p-ec817cb2.entry.js.map

package/dist/stzh-components/{p-9337582a.entry.js → p-ecd3be50.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as e,d as o}from"./p-BDy81lpO.js";import{s as i,c as n}from"./p--MYN2wgX.js";import{b as r}from"./p-BubviQku.js";const h=()=>`: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{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}`;const c=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}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 t={"stzh-print":true};return s(e,{key:"d15e52f4b620b661b884b866a65945e7c391c169"},s("div",{key:"fb32dc9b393aa26145a18fae1b61ccf181476ad5",class:t},s("slot",{key:"a30e0c1ff04fcea7dc1a1c63446803b3dfcf3c56"})))}get element(){return o(this)}};c.style=h();const a=()=>`.sc-stzh-share-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-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::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-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}`;const l=256;const d=class{constructor(s){t(this,s);this.url=window.location.href;this.services=["mail","facebook","twitter","linkedin","xing"];this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")}}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const c=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const a=encodeURIComponent(document.title);const d=encodeURIComponent(r(a,l));const f=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${c}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${d}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${f}&title=${a}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"a02b9c5b40d370777108240ef4e3a8c7ec72c720"},s("div",{key:"a29872c0066e8657c34f1e49f81b9fe5455f8432",class:o},s("ul",{key:"11d9229924ecaaec422ef5c8f2bc33b4e4362f14",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};d.style=a();export{c as stzh_print,d as stzh_share};
-//# sourceMappingURL=p-9337582a.entry.js.map
+import{r as t,h as s,a as e,d as o}from"./p-Qb46gVIp.js";import{s as i,c as n}from"./p--MYN2wgX.js";import{b as r}from"./p-BubviQku.js";const h=()=>`: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{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}`;const c=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}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 t={"stzh-print":true};return s(e,{key:"d15e52f4b620b661b884b866a65945e7c391c169"},s("div",{key:"fb32dc9b393aa26145a18fae1b61ccf181476ad5",class:t},s("slot",{key:"a30e0c1ff04fcea7dc1a1c63446803b3dfcf3c56"})))}get element(){return o(this)}};c.style=h();const a=()=>`.sc-stzh-share-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-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::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-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}`;const l=256;const d=class{constructor(s){t(this,s);this.url=window.location.href;this.services=["mail","facebook","twitter","linkedin","xing"];this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")}}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const c=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const a=encodeURIComponent(document.title);const d=encodeURIComponent(r(a,l));const f=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${c}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${d}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${f}&title=${a}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"a02b9c5b40d370777108240ef4e3a8c7ec72c720"},s("div",{key:"a29872c0066e8657c34f1e49f81b9fe5455f8432",class:o},s("ul",{key:"11d9229924ecaaec422ef5c8f2bc33b4e4362f14",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};d.style=a();export{c as stzh_print,d as stzh_share};
+//# sourceMappingURL=p-ecd3be50.entry.js.map

package/dist/stzh-components/{p-cd10adbb.entry.js → p-ed8062c2.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a,d as s}from"./p-BDy81lpO.js";import{g as h,s as i,h as o}from"./p--MYN2wgX.js";import{m,a as l,r as g}from"./p-CUGRmgip.js";import"./p-BubviQku.js";const p=()=>`.sc-stzh-pagetitle-home-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-pagetitle-home-h,[stzh-hidden].sc-stzh-pagetitle-home-h{display:none}.sc-stzh-pagetitle-home-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::before,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::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-pagetitle-home-h .has-focus.sc-stzh-pagetitle-home{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home{outline-style:none !important}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=image],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-secondary50))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-heading-color));--hover-color:var(\n    --stzh-pagetitle-home-readspeaker-color,\n    var(--stzh-heading-color)\n  )}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white));--hover-color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-lemonyellow50))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.stzh-pagetitle-home.sc-stzh-pagetitle-home{position:relative;padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xbig)}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xbig)}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle-home__image-wrapper.sc-stzh-pagetitle-home{position:relative}.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{position:absolute;background:linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{background:linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{left:calc((100vw - 84.25rem) / 2)}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home:before{content:"";position:absolute;background:rgba(0, 0, 0, 0.5);top:0;right:calc((100vw - 84.25rem) / 2 + 84.25rem - var(--stzh-scrollbar-width, 0px));bottom:0;left:calc((100vw - 84.25rem) / 2 * -1 - var(--stzh-scrollbar-width, 0px));z-index:1}}.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{flex-direction:row}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle-home__readspeaker.sc-stzh-pagetitle-home{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home{--stzh-base-lead-color:var(--stzh-heading-color)}.stzh-pagetitle-home__subheading--hidden.sc-stzh-pagetitle-home{visibility:hidden}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 10}}.stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{--max-height:42.5rem;--overflow:hidden}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{display:none}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home{padding-bottom:0}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__container.sc-stzh-pagetitle-home{position:absolute;top:0;right:0;left:0;z-index:1}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home--hyphens.sc-stzh-pagetitle-home .stzh-pagetitle-home__heading.sc-stzh-pagetitle-home{hyphens:auto}`;const r=class{constructor(t){e(this,t);this.hyphensEnabled=false;this.mediaChangeHandler=()=>{this.isSmall=m("small").matches};this.updateSizing=()=>{requestAnimationFrame((()=>{this.displaySubheading=this.checkSizing()}))};this.checkSizing=()=>{var e,t,a,s;const h=(t=(e=this.element.querySelector(".stzh-pagetitle-home__wrapper"))===null||e===void 0?void 0:e.getBoundingClientRect().height)!==null&&t!==void 0?t:0;const i=(s=(a=this.element.querySelector(".stzh-pagetitle-home__image-wrapper"))===null||a===void 0?void 0:a.getBoundingClientRect().height)!==null&&s!==void 0?s:0;return h>i};this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelector('stzh-text[slot="subheading"], [slot="subheading"] stzh-text');const a=this.element.querySelector('[slot="readspeaker"] stzh-button');const s=h();let o="h1home";let m="hero";switch(s){case"stzh-theme-pkzh":o="h1homesmall";m="h2";break}if(e){i(e,{curve:o,level:"1"})}if(a){i(a,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}if(t){i(t,{curve:m,lead:true})}}}componentDidRender(){}componentDidLoad(){this.resizeObserver=new ResizeObserver(this.updateSizing);this.resizeObserver.observe(this.element)}connectedCallback(){this.init();this.mediaChangeHandler();l(this.mediaChangeHandler)}disconnectedCallback(){var e;g(this.mediaChangeHandler);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}render(){const e=o(this.element,"image");const s=o(this.element,"subheading");const h=o(this.element,"readspeaker");const i={"stzh-pagetitle-home":true,"stzh-pagetitle-home--has-image":e,"stzh-pagetitle-home--has-no-image":!e,"stzh-pagetitle-home--has-subheading":s,"stzh-pagetitle-home--hyphens":this.hyphensEnabled,"stzh-pagetitle-home--has-meta":h};return t(a,{key:"faf2c10cdef0d4706c16aede1d3967ce0a2bffad","has-image":e},t("div",{key:"b64d06efd5cfa4fa72e7a52b3f0d73b841741208",class:i},t("div",{key:"caedafc6fc12cc0d152d6579d6285a5d3bdf7e43",class:"stzh-pagetitle-home__image-wrapper"},t("stzh-ratio",{key:"4d2310af65e887677a4bd14dc319d6d38b0afef5",ratio:"1:1",ratioSmall:"16:9",ratioMedium:"2:1",ratioLarge:"21:9",class:"stzh-pagetitle-home__ratio"}),t("div",{key:"6e55258ce4ef9bdb93a86afefc7a4e858b1cc68c",class:"stzh-pagetitle-home__image-gradient"}),t("div",{key:"b48643edb74b2f4fa32c343c46ad5f24a3dfe0ea",class:"stzh-pagetitle-home__image-inner-wrapper"},t("slot",{key:"2a3fa090dadfdfba007e2a0a2453df036eaf28ff",name:"image"}))),t("div",{key:"8e0d137679c29a6dc083aa82a9581bef616cab43",class:"stzh-pagetitle-home__container"},t("div",{key:"497107f523d35b186186e7dd1f000e4544d0461c",class:"stzh-pagetitle-home__wrapper"},t("div",{key:"3b729d550d0cd9919a26c06ba4ce791747ab56aa",class:"stzh-pagetitle-home__text"},t("div",{key:"1ea39450590c629753bf5cd7cf65c3fff833af5c",class:"stzh-pagetitle-home__meta"},t("div",{key:"cb9aa7f608fb4fe7a4156a8e3d537c6fb68f0c9e",class:"stzh-pagetitle-home__readspeaker"},t("slot",{key:"adf7725e4083f514ebc09ae1ecb9917ea77b4ef5",name:"readspeaker"}))),t("div",{key:"87ba9eab48af52ef5bd7309c7fa3daa0af454bda",class:"stzh-pagetitle-home__heading"},t("slot",{key:"81dab6b26464fe1430894cf9033fffcd3a3793c5",name:"heading"})),t("div",{key:"cf03e3aba1e666dec21a4bfc2b8a0172f5e589d6",class:{"stzh-pagetitle-home__subheading":true,"stzh-pagetitle-home__subheading--hidden":this.displaySubheading&&e}},t("slot",{key:"ec27213fb6bd067e0f2953422d3ffd419111a438",name:"subheading"})))))))}get element(){return s(this)}};r.style=p();export{r as stzh_pagetitle_home};
-//# sourceMappingURL=p-cd10adbb.entry.js.map
+import{r as e,h as t,a,d as s}from"./p-Qb46gVIp.js";import{g as h,s as i,h as o}from"./p--MYN2wgX.js";import{m,a as l,r as g}from"./p-CUGRmgip.js";import"./p-BubviQku.js";const p=()=>`.sc-stzh-pagetitle-home-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-pagetitle-home-h,[stzh-hidden].sc-stzh-pagetitle-home-h{display:none}.sc-stzh-pagetitle-home-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::before,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::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-pagetitle-home-h .has-focus.sc-stzh-pagetitle-home{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home{outline-style:none !important}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=image],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-secondary50))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-heading-color));--hover-color:var(\n    --stzh-pagetitle-home-readspeaker-color,\n    var(--stzh-heading-color)\n  )}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white));--hover-color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-lemonyellow50))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.stzh-pagetitle-home.sc-stzh-pagetitle-home{position:relative;padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xbig)}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xbig)}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle-home__image-wrapper.sc-stzh-pagetitle-home{position:relative}.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{position:absolute;background:linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{background:linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{left:calc((100vw - 84.25rem) / 2)}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home:before{content:"";position:absolute;background:rgba(0, 0, 0, 0.5);top:0;right:calc((100vw - 84.25rem) / 2 + 84.25rem - var(--stzh-scrollbar-width, 0px));bottom:0;left:calc((100vw - 84.25rem) / 2 * -1 - var(--stzh-scrollbar-width, 0px));z-index:1}}.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{flex-direction:row}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle-home__readspeaker.sc-stzh-pagetitle-home{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home{--stzh-base-lead-color:var(--stzh-heading-color)}.stzh-pagetitle-home__subheading--hidden.sc-stzh-pagetitle-home{visibility:hidden}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 10}}.stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{--max-height:42.5rem;--overflow:hidden}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{display:none}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home{padding-bottom:0}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__container.sc-stzh-pagetitle-home{position:absolute;top:0;right:0;left:0;z-index:1}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home--hyphens.sc-stzh-pagetitle-home .stzh-pagetitle-home__heading.sc-stzh-pagetitle-home{hyphens:auto}`;const r=class{constructor(t){e(this,t);this.hyphensEnabled=false;this.mediaChangeHandler=()=>{this.isSmall=m("small").matches};this.updateSizing=()=>{requestAnimationFrame((()=>{this.displaySubheading=this.checkSizing()}))};this.checkSizing=()=>{var e,t,a,s;const h=(t=(e=this.element.querySelector(".stzh-pagetitle-home__wrapper"))===null||e===void 0?void 0:e.getBoundingClientRect().height)!==null&&t!==void 0?t:0;const i=(s=(a=this.element.querySelector(".stzh-pagetitle-home__image-wrapper"))===null||a===void 0?void 0:a.getBoundingClientRect().height)!==null&&s!==void 0?s:0;return h>i};this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelector('stzh-text[slot="subheading"], [slot="subheading"] stzh-text');const a=this.element.querySelector('[slot="readspeaker"] stzh-button');const s=h();let o="h1home";let m="hero";switch(s){case"stzh-theme-pkzh":o="h1homesmall";m="h2";break}if(e){i(e,{curve:o,level:"1"})}if(a){i(a,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}if(t){i(t,{curve:m,lead:true})}}}componentDidRender(){}componentDidLoad(){this.resizeObserver=new ResizeObserver(this.updateSizing);this.resizeObserver.observe(this.element)}connectedCallback(){this.init();this.mediaChangeHandler();l(this.mediaChangeHandler)}disconnectedCallback(){var e;g(this.mediaChangeHandler);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}render(){const e=o(this.element,"image");const s=o(this.element,"subheading");const h=o(this.element,"readspeaker");const i={"stzh-pagetitle-home":true,"stzh-pagetitle-home--has-image":e,"stzh-pagetitle-home--has-no-image":!e,"stzh-pagetitle-home--has-subheading":s,"stzh-pagetitle-home--hyphens":this.hyphensEnabled,"stzh-pagetitle-home--has-meta":h};return t(a,{key:"faf2c10cdef0d4706c16aede1d3967ce0a2bffad","has-image":e},t("div",{key:"b64d06efd5cfa4fa72e7a52b3f0d73b841741208",class:i},t("div",{key:"caedafc6fc12cc0d152d6579d6285a5d3bdf7e43",class:"stzh-pagetitle-home__image-wrapper"},t("stzh-ratio",{key:"4d2310af65e887677a4bd14dc319d6d38b0afef5",ratio:"1:1",ratioSmall:"16:9",ratioMedium:"2:1",ratioLarge:"21:9",class:"stzh-pagetitle-home__ratio"}),t("div",{key:"6e55258ce4ef9bdb93a86afefc7a4e858b1cc68c",class:"stzh-pagetitle-home__image-gradient"}),t("div",{key:"b48643edb74b2f4fa32c343c46ad5f24a3dfe0ea",class:"stzh-pagetitle-home__image-inner-wrapper"},t("slot",{key:"2a3fa090dadfdfba007e2a0a2453df036eaf28ff",name:"image"}))),t("div",{key:"8e0d137679c29a6dc083aa82a9581bef616cab43",class:"stzh-pagetitle-home__container"},t("div",{key:"497107f523d35b186186e7dd1f000e4544d0461c",class:"stzh-pagetitle-home__wrapper"},t("div",{key:"3b729d550d0cd9919a26c06ba4ce791747ab56aa",class:"stzh-pagetitle-home__text"},t("div",{key:"1ea39450590c629753bf5cd7cf65c3fff833af5c",class:"stzh-pagetitle-home__meta"},t("div",{key:"cb9aa7f608fb4fe7a4156a8e3d537c6fb68f0c9e",class:"stzh-pagetitle-home__readspeaker"},t("slot",{key:"adf7725e4083f514ebc09ae1ecb9917ea77b4ef5",name:"readspeaker"}))),t("div",{key:"87ba9eab48af52ef5bd7309c7fa3daa0af454bda",class:"stzh-pagetitle-home__heading"},t("slot",{key:"81dab6b26464fe1430894cf9033fffcd3a3793c5",name:"heading"})),t("div",{key:"cf03e3aba1e666dec21a4bfc2b8a0172f5e589d6",class:{"stzh-pagetitle-home__subheading":true,"stzh-pagetitle-home__subheading--hidden":this.displaySubheading&&e}},t("slot",{key:"ec27213fb6bd067e0f2953422d3ffd419111a438",name:"subheading"})))))))}get element(){return s(this)}};r.style=p();export{r as stzh_pagetitle_home};
+//# sourceMappingURL=p-ed8062c2.entry.js.map

package/dist/stzh-components/{p-7da86126.entry.js → p-edffd239.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,a,d as n}from"./p-BDy81lpO.js";const s=()=>`@charset "UTF-8";\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.sc-stzh-pi-teaser-layout-item-h {\n  font-family: var(--stzh-font-family-medium);\n  font-weight: var(--stzh-font-weight-medium);\n  font-style: var(--stzh-font-style-medium);\n  color: var(--stzh-base-color);\n  box-sizing: border-box;\n  display: block;\n}\n[hidden].sc-stzh-pi-teaser-layout-item-h, [stzh-hidden].sc-stzh-pi-teaser-layout-item-h {\n  display: none;\n}\n.sc-stzh-pi-teaser-layout-item-h::selection {\n  color: var(--stzh-selection-color);\n  background-color: var(--stzh-selection-background-color);\n}\n.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item, .sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::before, .sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::after {\n  box-sizing: border-box;\n  text-underline-offset: var(--stzh-link-text-underline-offset);\n  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);\n  -webkit-text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);\n          text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);\n}\n.sc-stzh-pi-teaser-layout-item-h {\n  \n}\n.sc-stzh-pi-teaser-layout-item-h .has-focus.sc-stzh-pi-teaser-layout-item {\n  outline: var(--stzh-flyingfocus-color) solid 0.125rem;\n  outline-offset: 0.125rem;\n}\n.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item {\n  outline-style: none !important;\n}\n.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item::-moz-focus-inner {\n  border: 0 !important;\n}\n\n\n.sc-stzh-pi-teaser-layout-item-h {\n  --image-background-color: var(\n    --stzh-pi-teaser-layout-item-image-background-color,\n    var(--stzh-color-coolgrey10)\n  );\n  display: flex;\n  inline-size: 100%;\n  block-size: 100%;\n  container-type: size;\n}\n[image-position=top].sc-stzh-pi-teaser-layout-item-h {\n  --grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);\n}\n@media screen and (max-width: 899px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image " "text text text text "\n    );\n  }\n}\n@media screen and (min-width: 900px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image image image image image"\n        "text text text text text text text text"\n    );\n  }\n}\n@media screen and (min-width: 1260px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image image image image image image image image image"\n        "text text text text text text text text text text text text"\n    );\n  }\n}\n[image-position=right].sc-stzh-pi-teaser-layout-item-h {\n  --grid-template-no-rows: 1fr;\n}\n@media screen and (max-width: 899px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text image image"\n    );\n  }\n}\n@media screen and (min-width: 900px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text text text text image image image"\n    );\n  }\n}\n@media screen and (min-width: 1260px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );\n  }\n}\n.sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n  --grid-template-no-rows: 1fr;\n}\n@media screen and (max-width: 899px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text";\n  }\n}\n@media screen and (min-width: 900px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text text text text text";\n  }\n}\n@media screen and (min-width: 1260px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text text text text text text text text text";\n  }\n}\n.sc-stzh-pi-teaser-layout-item-h:not([has-lead]) .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n  display: none;\n}\n[content-size=XL].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-mega-font-size);\n  line-height: var(--stzh-font-mega-text-line-height);\n  letter-spacing: var(--stzh-font-mega-text-letter-spacing);\n}\n[content-size=L].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-hecto-font-size);\n  line-height: var(--stzh-font-hecto-text-line-height);\n  letter-spacing: var(--stzh-font-hecto-text-letter-spacing);\n}\n[content-size=M].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-deca-font-size);\n  line-height: var(--stzh-font-deca-text-line-height);\n  letter-spacing: var(--stzh-font-deca-text-letter-spacing);\n}\n[content-size=S].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-deci-font-size);\n  line-height: var(--stzh-font-deci-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n}\n[content-size=XS].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-centi-font-size);\n  line-height: var(--stzh-font-centi-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n}\n[content-size=S].sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  -webkit-line-clamp: 2;\n}\n@container (max-height: 235px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 40cqh 60cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 1;\n  }\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 1;\n  }\n}\n@container (min-height: 236px) and (max-height:349px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 47cqh 53cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 2;\n  }\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 2;\n  }\n}\n@container (min-height: 350px) and (max-height:549px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 55cqh 45cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 3;\n  }\n}\n@container (min-height: 550px) and (max-height: 639px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 50cqh 50cqh;\n  }\n}\n@container (min-height: 640px) and (max-height: 799px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 55cqh 45cqh;\n  }\n}\n@container (min-height: 800px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 40cqh 60cqh;\n  }\n}\n\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  column-gap: var(--stzh-grid-gutter);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-large);\n  }\n}\n@media screen and (min-width: 1600px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-ultra);\n  }\n}\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    grid-template-columns: repeat(8, minmax(0, 1fr));\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n  }\n}\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  height: 100%;\n  width: 100%;\n  grid-template-rows: var(--grid-template-no-rows, var(--grid-template-rows));\n  grid-template-areas: var(--grid-template-areas-no-image, var(--grid-template-areas));\n  background-color: var(--stzh-color-grey10);\n}\n.stzh-pi-teaser-layout-item__text.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  grid-template-rows: auto auto minmax(0, 1fr) auto;\n  height: 100%;\n  min-height: 0;\n  align-content: start;\n}\n.stzh-pi-teaser-layout-item__wrapper.sc-stzh-pi-teaser-layout-item {\n  grid-area: text;\n  overflow: hidden;\n  padding: var(--stzh-space-medium);\n  height: 100%;\n  min-height: 0;\n}\n.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item {\n  overflow: hidden;\n  grid-area: image;\n}\n.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item > img.sc-stzh-pi-teaser-layout-item {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.stzh-pi-teaser-layout-item__dateline.sc-stzh-pi-teaser-layout-item {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-style: var(--stzh-font-style-title);\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  color: var(--stzh-color-coolgrey70);\n  margin: 0;\n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-top: var(--stzh-space-xsmall);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-xlarge);\n  }\n}\n.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-bottom: var(--stzh-space-xxsmall);\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-xsmall);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n.stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-style: var(--stzh-font-style-title);\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  word-break: break-word;\n  hyphens: auto;\n  color: var(--stzh-color-black);\n  margin: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  \n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  \n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__title-link.sc-stzh-pi-teaser-layout-item {\n  display: block;\n  font-family: inherit;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  color: var(--stzh-color-black);\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n  transition: color var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-button-border-radius);\n  cursor: pointer;\n}\n.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-bottom: var(--stzh-space-xsmall);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (max-width: 899px) {\n  .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n    font-size: var(--stzh-font-milli-font-size);\n    line-height: var(--stzh-font-milli-text-line-height);\n    letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n    font-size: var(--stzh-font-centi-font-size);\n    line-height: var(--stzh-font-centi-text-line-height);\n    letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  }\n}\n.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n  margin-top: 0;\n  color: var(--stzh-color-coolgrey70);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--lead-lines, 3);\n  line-clamp: var(--lead-lines, 3);\n  overflow: hidden;\n  \n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__date.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-micro-font-size);\n  line-height: var(--stzh-font-micro-text-line-height);\n  color: var(--stzh-color-coolgrey70);\n  margin: 0;\n  align-self: end;\n}`;const r=class{constructor(i){t(this,i);this.stzhClick=e(this,"stzhClick");this.dateline="";this.heading="";this.headingLevel="3";this.lead="";this.date="";this.contentSize="M";this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-teaser-layout-item",originalEvent:t,href:this.href})}}componentDidRender(){requestAnimationFrame((()=>{var t,e;const i=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(e=this.titleLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;const e=this.href?"a":"button";return i("div",{class:"stzh-pi-teaser-layout-item__title-wrapper"},i(t,{class:"stzh-pi-teaser-layout-item__title"},i(e,{ref:t=>this.titleLinkElement=t,class:"stzh-pi-teaser-layout-item__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:t=>this.headingTextElement=t},this.heading))))}render(){const t=!!this.lead;console.log("imageSrc: ",this.imageSrc," & imagePosition: ",this.imagePosition);const e=!!this.imageSrc&&!!this.imagePosition;console.log("hasImage: ",e);const n=this.lead;const s={"stzh-pi-teaser-layout-item":true,"stzh-pi-teaser-layout-item--has-lead":t,"stzh-pi-teaser-layout-item--has-image":e};return i(a,{key:"aadd9d30259533a6613854be971113fd45ed3c74","has-lead":t,"has-image":e,"image-position":this.imagePosition,"content-size":this.contentSize},i("article",{key:"db650763d9f4ad952908631eb03b173327ba774e",class:s,"aria-label":this.heading,role:"listitem"},e&&i("div",{key:"40c929dc9c5e0a46480721574336c5ed70208f5a",class:"stzh-pi-teaser-layout-item__image"},i("img",{key:"0a2a51a0363eef1c48ba2b658b51eec846810c5c",src:this.imageSrc,alt:"Example image"})),i("div",{key:"3f7a6190d344c6858aa4d38b2e6ccfb77dfd1e1c",class:"stzh-pi-teaser-layout-item__wrapper"},i("div",{key:"ea1e11365abacd509f38fb0b302dd0c6d4780211",class:"stzh-pi-teaser-layout-item__text"},this.dateline&&i("p",{key:"6c80179e503c030b4021426379abfeb9fafee703",class:"stzh-pi-teaser-layout-item__dateline"},this.dateline),this.renderHeading(),i("div",{key:"1553256b7d58824b81f1503e099a35e4a5d3b3ab",class:"stzh-pi-teaser-layout-item__lead-wrapper"},i("div",{key:"bc9129024d081f9446c2f34eba375b5435008215",class:"stzh-pi-teaser-layout-item__lead"},n)),this.date&&i("div",{key:"7b317274a7a40ce25150056446e345de91f8b0ce",class:"stzh-pi-teaser-layout-item__date"},this.date)))))}get element(){return n(this)}};r.style=s();export{r as stzh_pi_teaser_layout_item};
-//# sourceMappingURL=p-7da86126.entry.js.map
+import{r as t,c as e,h as i,a,d as n}from"./p-Qb46gVIp.js";const s=()=>`@charset "UTF-8";\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.sc-stzh-pi-teaser-layout-item-h {\n  font-family: var(--stzh-font-family-medium);\n  font-weight: var(--stzh-font-weight-medium);\n  font-style: var(--stzh-font-style-medium);\n  color: var(--stzh-base-color);\n  box-sizing: border-box;\n  display: block;\n}\n[hidden].sc-stzh-pi-teaser-layout-item-h, [stzh-hidden].sc-stzh-pi-teaser-layout-item-h {\n  display: none;\n}\n.sc-stzh-pi-teaser-layout-item-h::selection {\n  color: var(--stzh-selection-color);\n  background-color: var(--stzh-selection-background-color);\n}\n.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item, .sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::before, .sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::after {\n  box-sizing: border-box;\n  text-underline-offset: var(--stzh-link-text-underline-offset);\n  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);\n  -webkit-text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);\n          text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);\n}\n.sc-stzh-pi-teaser-layout-item-h {\n  \n}\n.sc-stzh-pi-teaser-layout-item-h .has-focus.sc-stzh-pi-teaser-layout-item {\n  outline: var(--stzh-flyingfocus-color) solid 0.125rem;\n  outline-offset: 0.125rem;\n}\n.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item {\n  outline-style: none !important;\n}\n.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item::-moz-focus-inner {\n  border: 0 !important;\n}\n\n\n.sc-stzh-pi-teaser-layout-item-h {\n  --image-background-color: var(\n    --stzh-pi-teaser-layout-item-image-background-color,\n    var(--stzh-color-coolgrey10)\n  );\n  display: flex;\n  inline-size: 100%;\n  block-size: 100%;\n  container-type: size;\n}\n[image-position=top].sc-stzh-pi-teaser-layout-item-h {\n  --grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);\n}\n@media screen and (max-width: 899px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image " "text text text text "\n    );\n  }\n}\n@media screen and (min-width: 900px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image image image image image"\n        "text text text text text text text text"\n    );\n  }\n}\n@media screen and (min-width: 1260px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image image image image image image image image image"\n        "text text text text text text text text text text text text"\n    );\n  }\n}\n[image-position=right].sc-stzh-pi-teaser-layout-item-h {\n  --grid-template-no-rows: 1fr;\n}\n@media screen and (max-width: 899px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text image image"\n    );\n  }\n}\n@media screen and (min-width: 900px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text text text text image image image"\n    );\n  }\n}\n@media screen and (min-width: 1260px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );\n  }\n}\n.sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n  --grid-template-no-rows: 1fr;\n}\n@media screen and (max-width: 899px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text";\n  }\n}\n@media screen and (min-width: 900px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text text text text text";\n  }\n}\n@media screen and (min-width: 1260px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text text text text text text text text text";\n  }\n}\n.sc-stzh-pi-teaser-layout-item-h:not([has-lead]) .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n  display: none;\n}\n[content-size=XL].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-mega-font-size);\n  line-height: var(--stzh-font-mega-text-line-height);\n  letter-spacing: var(--stzh-font-mega-text-letter-spacing);\n}\n[content-size=L].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-hecto-font-size);\n  line-height: var(--stzh-font-hecto-text-line-height);\n  letter-spacing: var(--stzh-font-hecto-text-letter-spacing);\n}\n[content-size=M].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-deca-font-size);\n  line-height: var(--stzh-font-deca-text-line-height);\n  letter-spacing: var(--stzh-font-deca-text-letter-spacing);\n}\n[content-size=S].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-deci-font-size);\n  line-height: var(--stzh-font-deci-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n}\n[content-size=XS].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-centi-font-size);\n  line-height: var(--stzh-font-centi-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n}\n[content-size=S].sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  -webkit-line-clamp: 2;\n}\n@container (max-height: 235px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 40cqh 60cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 1;\n  }\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 1;\n  }\n}\n@container (min-height: 236px) and (max-height:349px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 47cqh 53cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 2;\n  }\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 2;\n  }\n}\n@container (min-height: 350px) and (max-height:549px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 55cqh 45cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 3;\n  }\n}\n@container (min-height: 550px) and (max-height: 639px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 50cqh 50cqh;\n  }\n}\n@container (min-height: 640px) and (max-height: 799px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 55cqh 45cqh;\n  }\n}\n@container (min-height: 800px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 40cqh 60cqh;\n  }\n}\n\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  column-gap: var(--stzh-grid-gutter);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-large);\n  }\n}\n@media screen and (min-width: 1600px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-ultra);\n  }\n}\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    grid-template-columns: repeat(8, minmax(0, 1fr));\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n  }\n}\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  height: 100%;\n  width: 100%;\n  grid-template-rows: var(--grid-template-no-rows, var(--grid-template-rows));\n  grid-template-areas: var(--grid-template-areas-no-image, var(--grid-template-areas));\n  background-color: var(--stzh-color-grey10);\n}\n.stzh-pi-teaser-layout-item__text.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  grid-template-rows: auto auto minmax(0, 1fr) auto;\n  height: 100%;\n  min-height: 0;\n  align-content: start;\n}\n.stzh-pi-teaser-layout-item__wrapper.sc-stzh-pi-teaser-layout-item {\n  grid-area: text;\n  overflow: hidden;\n  padding: var(--stzh-space-medium);\n  height: 100%;\n  min-height: 0;\n}\n.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item {\n  overflow: hidden;\n  grid-area: image;\n}\n.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item > img.sc-stzh-pi-teaser-layout-item {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.stzh-pi-teaser-layout-item__dateline.sc-stzh-pi-teaser-layout-item {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-style: var(--stzh-font-style-title);\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  color: var(--stzh-color-coolgrey70);\n  margin: 0;\n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-top: var(--stzh-space-xsmall);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-xlarge);\n  }\n}\n.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-bottom: var(--stzh-space-xxsmall);\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-xsmall);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n.stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-style: var(--stzh-font-style-title);\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  word-break: break-word;\n  hyphens: auto;\n  color: var(--stzh-color-black);\n  margin: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  \n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  \n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__title-link.sc-stzh-pi-teaser-layout-item {\n  display: block;\n  font-family: inherit;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  color: var(--stzh-color-black);\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n  transition: color var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-button-border-radius);\n  cursor: pointer;\n}\n.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-bottom: var(--stzh-space-xsmall);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (max-width: 899px) {\n  .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n    font-size: var(--stzh-font-milli-font-size);\n    line-height: var(--stzh-font-milli-text-line-height);\n    letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n    font-size: var(--stzh-font-centi-font-size);\n    line-height: var(--stzh-font-centi-text-line-height);\n    letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  }\n}\n.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n  margin-top: 0;\n  color: var(--stzh-color-coolgrey70);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--lead-lines, 3);\n  line-clamp: var(--lead-lines, 3);\n  overflow: hidden;\n  \n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__date.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-micro-font-size);\n  line-height: var(--stzh-font-micro-text-line-height);\n  color: var(--stzh-color-coolgrey70);\n  margin: 0;\n  align-self: end;\n}`;const r=class{constructor(i){t(this,i);this.stzhClick=e(this,"stzhClick");this.dateline="";this.heading="";this.headingLevel="3";this.lead="";this.date="";this.contentSize="M";this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-teaser-layout-item",originalEvent:t,href:this.href})}}componentDidRender(){requestAnimationFrame((()=>{var t,e;const i=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(e=this.titleLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;const e=this.href?"a":"button";return i("div",{class:"stzh-pi-teaser-layout-item__title-wrapper"},i(t,{class:"stzh-pi-teaser-layout-item__title"},i(e,{ref:t=>this.titleLinkElement=t,class:"stzh-pi-teaser-layout-item__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:t=>this.headingTextElement=t},this.heading))))}render(){const t=!!this.lead;console.log("imageSrc: ",this.imageSrc," & imagePosition: ",this.imagePosition);const e=!!this.imageSrc&&!!this.imagePosition;console.log("hasImage: ",e);const n=this.lead;const s={"stzh-pi-teaser-layout-item":true,"stzh-pi-teaser-layout-item--has-lead":t,"stzh-pi-teaser-layout-item--has-image":e};return i(a,{key:"aadd9d30259533a6613854be971113fd45ed3c74","has-lead":t,"has-image":e,"image-position":this.imagePosition,"content-size":this.contentSize},i("article",{key:"db650763d9f4ad952908631eb03b173327ba774e",class:s,"aria-label":this.heading,role:"listitem"},e&&i("div",{key:"40c929dc9c5e0a46480721574336c5ed70208f5a",class:"stzh-pi-teaser-layout-item__image"},i("img",{key:"0a2a51a0363eef1c48ba2b658b51eec846810c5c",src:this.imageSrc,alt:"Example image"})),i("div",{key:"3f7a6190d344c6858aa4d38b2e6ccfb77dfd1e1c",class:"stzh-pi-teaser-layout-item__wrapper"},i("div",{key:"ea1e11365abacd509f38fb0b302dd0c6d4780211",class:"stzh-pi-teaser-layout-item__text"},this.dateline&&i("p",{key:"6c80179e503c030b4021426379abfeb9fafee703",class:"stzh-pi-teaser-layout-item__dateline"},this.dateline),this.renderHeading(),i("div",{key:"1553256b7d58824b81f1503e099a35e4a5d3b3ab",class:"stzh-pi-teaser-layout-item__lead-wrapper"},i("div",{key:"bc9129024d081f9446c2f34eba375b5435008215",class:"stzh-pi-teaser-layout-item__lead"},n)),this.date&&i("div",{key:"7b317274a7a40ce25150056446e345de91f8b0ce",class:"stzh-pi-teaser-layout-item__date"},this.date)))))}get element(){return n(this)}};r.style=s();export{r as stzh_pi_teaser_layout_item};
+//# sourceMappingURL=p-edffd239.entry.js.map

package/dist/stzh-components/{p-09219622.entry.js → p-ef8e4a95.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,d as s}from"./p-BDy81lpO.js";const n=()=>`.sc-stzh-eventdata-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-eventdata-h,[stzh-hidden].sc-stzh-eventdata-h{display:none}.sc-stzh-eventdata-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventdata-h *.sc-stzh-eventdata,.sc-stzh-eventdata-h *.sc-stzh-eventdata::before,.sc-stzh-eventdata-h *.sc-stzh-eventdata::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-eventdata-h .has-focus.sc-stzh-eventdata{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata{outline-style:none !important}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata::-moz-focus-inner{border:0 !important}.stzh-eventdata.sc-stzh-eventdata{display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-medium)}.stzh-eventdata__label.sc-stzh-eventdata{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-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-eventdata__label.sc-stzh-eventdata{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-eventdata__label.sc-stzh-eventdata{flex-shrink:0}@media screen and (min-width: 600px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10rem}}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10.875rem}}@media screen and (min-width: 1260px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:11.375rem}}.stzh-eventdata__content.sc-stzh-eventdata{flex-grow:1;display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall)}`;const i=class{constructor(e){t(this,e);this.label=""}render(){const t={"stzh-eventdata":true};return e(a,{key:"c3e4cf22cca98ea47d250e6a412baf9d0aee169c"},e("div",{key:"8ba7e1b6046dc4d71a02bbf1503784638bcac8d7",class:t},e("div",{key:"7f5a45a26feec04eba01111a10f816aaad4eda29",class:"stzh-eventdata__label"},this.label?this.label:e("slot",{name:"label"})),e("div",{key:"57e5e070d86a4efe4fc0d141c13be5a486fff0fe",class:"stzh-eventdata__content"},e("slot",{key:"23d0d731be719cec6ebd559196078085c486cd27"}))))}get element(){return s(this)}};i.style=n();export{i as stzh_eventdata};
-//# sourceMappingURL=p-09219622.entry.js.map
+import{r as t,h as e,a,d as s}from"./p-Qb46gVIp.js";const n=()=>`.sc-stzh-eventdata-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-eventdata-h,[stzh-hidden].sc-stzh-eventdata-h{display:none}.sc-stzh-eventdata-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventdata-h *.sc-stzh-eventdata,.sc-stzh-eventdata-h *.sc-stzh-eventdata::before,.sc-stzh-eventdata-h *.sc-stzh-eventdata::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-eventdata-h .has-focus.sc-stzh-eventdata{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata{outline-style:none !important}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata::-moz-focus-inner{border:0 !important}.stzh-eventdata.sc-stzh-eventdata{display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-medium)}.stzh-eventdata__label.sc-stzh-eventdata{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-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-eventdata__label.sc-stzh-eventdata{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-eventdata__label.sc-stzh-eventdata{flex-shrink:0}@media screen and (min-width: 600px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10rem}}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10.875rem}}@media screen and (min-width: 1260px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:11.375rem}}.stzh-eventdata__content.sc-stzh-eventdata{flex-grow:1;display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall)}`;const i=class{constructor(e){t(this,e);this.label=""}render(){const t={"stzh-eventdata":true};return e(a,{key:"c3e4cf22cca98ea47d250e6a412baf9d0aee169c"},e("div",{key:"8ba7e1b6046dc4d71a02bbf1503784638bcac8d7",class:t},e("div",{key:"7f5a45a26feec04eba01111a10f816aaad4eda29",class:"stzh-eventdata__label"},this.label?this.label:e("slot",{name:"label"})),e("div",{key:"57e5e070d86a4efe4fc0d141c13be5a486fff0fe",class:"stzh-eventdata__content"},e("slot",{key:"23d0d731be719cec6ebd559196078085c486cd27"}))))}get element(){return s(this)}};i.style=n();export{i as stzh_eventdata};
+//# sourceMappingURL=p-ef8e4a95.entry.js.map

package/dist/stzh-components/{p-8d558e1d.entry.js → p-f51d4bbe.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,a as i,d as e}from"./p-BDy81lpO.js";const n=()=>`.sc-stzh-page-skiplinks-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-page-skiplinks-h,[stzh-hidden].sc-stzh-page-skiplinks-h{display:none}.sc-stzh-page-skiplinks-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::before,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::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-page-skiplinks-h .has-focus.sc-stzh-page-skiplinks{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-page-skiplinks-h .stzh-fylingfocus-focused.sc-stzh-page-skiplinks{outline-style:none !important}.sc-stzh-page-skiplinks-h .stzh-fylingfocus-focused.sc-stzh-page-skiplinks::-moz-focus-inner{border:0 !important}.sc-stzh-page-skiplinks-h{z-index:var(--stzh-z-index-popup);position:absolute;top:var(--stzh-space-medium);right:var(--stzh-grid-gutter-small)}@media screen and (min-width: 900px){.sc-stzh-page-skiplinks-h{right:50%}}@media screen and (min-width: 1260px){.sc-stzh-page-skiplinks-h{top:var(--stzh-space-xlarge);right:60%}}`;const o=class{constructor(t){s(this,t);this.init=()=>{const s=this.element.querySelectorAll("stzh-skiplink");s.forEach((s=>{s.setAttribute("role","listitem")}))}}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(){return t(i,{key:"87ac525819d3a69c5bfe0d704388a1bd236bf98b"},t("div",{key:"623078f423e43dcb1d7cf12a4acdfed67b2af159",class:"stzh-page-skiplinks",role:"list"},t("slot",{key:"fa135a04302e9f2451169886b75e0642c9eb313c"})))}get element(){return e(this)}};o.style=n();export{o as stzh_page_skiplinks};
-//# sourceMappingURL=p-8d558e1d.entry.js.map
+import{r as s,h as t,a as i,d as e}from"./p-Qb46gVIp.js";const n=()=>`.sc-stzh-page-skiplinks-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-page-skiplinks-h,[stzh-hidden].sc-stzh-page-skiplinks-h{display:none}.sc-stzh-page-skiplinks-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::before,.sc-stzh-page-skiplinks-h *.sc-stzh-page-skiplinks::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-page-skiplinks-h .has-focus.sc-stzh-page-skiplinks{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-page-skiplinks-h .stzh-fylingfocus-focused.sc-stzh-page-skiplinks{outline-style:none !important}.sc-stzh-page-skiplinks-h .stzh-fylingfocus-focused.sc-stzh-page-skiplinks::-moz-focus-inner{border:0 !important}.sc-stzh-page-skiplinks-h{z-index:var(--stzh-z-index-popup);position:absolute;top:var(--stzh-space-medium);right:var(--stzh-grid-gutter-small)}@media screen and (min-width: 900px){.sc-stzh-page-skiplinks-h{right:50%}}@media screen and (min-width: 1260px){.sc-stzh-page-skiplinks-h{top:var(--stzh-space-xlarge);right:60%}}`;const o=class{constructor(t){s(this,t);this.init=()=>{const s=this.element.querySelectorAll("stzh-skiplink");s.forEach((s=>{s.setAttribute("role","listitem")}))}}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(){return t(i,{key:"87ac525819d3a69c5bfe0d704388a1bd236bf98b"},t("div",{key:"623078f423e43dcb1d7cf12a4acdfed67b2af159",class:"stzh-page-skiplinks",role:"list"},t("slot",{key:"fa135a04302e9f2451169886b75e0642c9eb313c"})))}get element(){return e(this)}};o.style=n();export{o as stzh_page_skiplinks};
+//# sourceMappingURL=p-f51d4bbe.entry.js.map

package/dist/stzh-components/{p-856faa3f.entry.js → p-facf3e9e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,a as n,d as r}from"./p-BDy81lpO.js";import{h as e}from"./p--MYN2wgX.js";import{S as a}from"./p-D4oTGvdl.js";import"./p-BubviQku.js";const o=()=>`.sc-stzh-rating-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-rating-h,[stzh-hidden].sc-stzh-rating-h{display:none}.sc-stzh-rating-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-rating-h *.sc-stzh-rating,.sc-stzh-rating-h *.sc-stzh-rating::before,.sc-stzh-rating-h *.sc-stzh-rating::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-rating-h .has-focus.sc-stzh-rating{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating{outline-style:none !important}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating::-moz-focus-inner{border:0 !important}.sc-stzh-rating-h{--rating-legend-color:var(--stzh-rating-legend-color, var(--stzh-heading-color));--rating-icon-empty:var(--stzh-color-primary70);--rating-icon-active:var(--stzh-color-primary70);--rating-icon-hover:var(--stzh-color-secondary60);--rating-icon-invalid:var(--stzh-color-error60);--rating-icon-disabled-empty:var(--stzh-color-grey70);--rating-icon-disabled-active:var(--stzh-color-grey70)}[disabled].sc-stzh-rating-h:not([disabled=false]){--description-color:var(--stzh-color-grey70);--rating-legend-color:var(--stzh-color-grey70);--rating-icon-empty:var(--rating-icon-disabled-empty);--rating-icon-active:var(--rating-icon-disabled-active)}@media (forced-colors: active){[disabled].sc-stzh-rating-h:not([disabled=false]){--rating-icon-empty:GrayText;--rating-icon-active:GrayText}}@media (forced-colors: none){[is-invalid].sc-stzh-rating-h{--rating-icon-empty:var(--rating-icon-invalid);--rating-icon-active:var(--rating-icon-invalid);--rating-icon-hover:var(--rating-icon-invalid)}}@media (forced-colors: none){[invalid].sc-stzh-rating-h:not([invalid=false]) .stzh-rating__item.filled.sc-stzh-rating>.stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-invalid)}}@media (forced-colors: none){[is-invalid].sc-stzh-rating-h .stzh-rating__item.filled.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating,[is-invalid].sc-stzh-rating-h .stzh-rating__item.is-preview.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-invalid) !important}}[disabled].sc-stzh-rating-h:not([disabled=false]) .stzh-rating__item.sc-stzh-rating{cursor:not-allowed}.stzh-rating__marker-symbol.sc-stzh-rating{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-rating__marker-text.sc-stzh-rating{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-rating__description-wrapper.sc-stzh-rating{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-rating__error.sc-stzh-rating,.stzh-rating__description.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-rating__error.sc-stzh-rating{color:var(--stzh-color-error60)}.stzh-rating__error-list.sc-stzh-rating{list-style:none;margin:0;padding:0}.stzh-rating__description.sc-stzh-rating{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-rating__description-long.sc-stzh-rating{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-rating__description-long.sc-stzh-rating{margin-top:0}}.stzh-rating__description-long-popover.sc-stzh-rating{--width:auto;--max-width:27.3125rem}.stzh-rating__description-long-button.sc-stzh-rating{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-rating.sc-stzh-rating stzh-icon.stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-xsmall)}.stzh-rating--has-error.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating--has-description.sc-stzh-rating .stzh-rating__description.sc-stzh-rating{margin-top:var(--stzh-space-xxxsmall)}.stzh-rating.sc-stzh-rating{margin:0;padding:0;border:none}.stzh-rating__legend.sc-stzh-rating{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--rating-legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;gap:var(--stzh-space-xsmall);min-width:0;max-width:100%}.stzh-rating__legend-text.sc-stzh-rating{min-width:0}.stzh-rating__legend.sc-stzh-rating>.stzh-rating__description-wrapper.sc-stzh-rating{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-rating__legend.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-text.sc-stzh-rating{display:none}.stzh-rating__legend.sc-stzh-rating .stzh-rating__description.sc-stzh-rating,.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-long.sc-stzh-rating{display:inline-flex;align-items:flex-start;margin:0}.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-long-button.sc-stzh-rating{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-rating__legend.sc-stzh-rating stzh-popover.sc-stzh-rating .stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-rating__marker.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-rating__items.sc-stzh-rating{display:inline-flex;align-items:center;gap:var(--rating-item-gap-sm);padding:0;min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-sm) * 4);min-height:var(--stzh-form-input-height, var(--stzh-form-input-height))}@media (min-width: 900px){.stzh-rating__items.sc-stzh-rating{gap:var(--rating-item-gap-lg);min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-lg) * 4)}}.stzh-rating__icon.sc-stzh-rating{--size:100%;--color:var(--rating-icon-empty);display:block;width:var(--rating-item-size);height:var(--rating-item-size);grid-area:1/1;transition:none}.stzh-rating--has-label-hidden.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}@media (forced-colors: none){.stzh-rating--is-invalid.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating,.stzh-rating--has-error.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-error60)}}.stzh-rating--is-disabled.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-grey60)}.stzh-rating.sc-stzh-rating{--rating-item-size:3rem;--rating-item-gap-sm:0.5rem;--rating-item-gap-lg:0.75rem}.stzh-rating--size-default.sc-stzh-rating{--rating-item-size:3rem}.stzh-rating--size-small.sc-stzh-rating{--rating-item-size:2.25rem}button.stzh-rating__item.sc-stzh-rating{position:relative;display:grid;align-items:center;justify-content:center;appearance:none;background:transparent;box-sizing:border-box;border:none;padding:0;margin:0;line-height:1;cursor:pointer;flex:0 0 var(--rating-item-size);min-width:var(--rating-item-size);min-height:var(--rating-item-size)}button.stzh-rating__item.sc-stzh-rating:focus{outline:none}button.stzh-rating__item.sc-stzh-rating:focus-visible{border-color:var(--focus-border-color, var(--stzh-color-secondary50));box-shadow:0 0 0 0.125rem var(--stzh-color-white), 0 0 0 0.25rem var(--focus-border-color, var(--stzh-color-secondary50))}button.stzh-rating__item.disabled.sc-stzh-rating,button.stzh-rating__item.readonly.sc-stzh-rating{cursor:default}button.stzh-rating__item.filled.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-active)}@media (forced-colors: active){button.stzh-rating__item.filled.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:SelectedItem}}button.stzh-rating__item.is-preview.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-hover)}@media (forced-colors: active){button.stzh-rating__item.is-preview.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:Highlight}}@media (forced-colors: active){button.stzh-rating__item.readonly.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:CanvasText}}`;let h=0;const c=5;const l=[1,2,3,4,5];const g=class{constructor(s){t(this,s);this.stzhChange=i(this,"stzhChange");this.stzhFocus=i(this,"stzhFocus");this.stzhBlur=i(this,"stzhBlur");this.value=0;this.disabled=false;this.readonly=false;this.invalid=false;this.required=false;this.hideOptional=false;this.label="Label";this.labelHidden=false;this._error=[];this.size="default";this.a11yDescribedby="";this.hoverIndex=null;this.tabbableIndex=null;this.userKeyFocused=false;this.ratingButtons=[];this.onMouseEnter=t=>{if(this.readonly||this.disabled)return;this.hoverIndex=t};this.onMouseLeave=()=>{if(this.readonly||this.disabled)return;this.hoverIndex=null};this.onClick=(t,i)=>{if(this.readonly||this.disabled)return;const s=this.value;const n=this.clampRatingValue(t);if(n!==s){this.value=n;this.stzhChange.emit({component:"stzh-rating",originalEvent:i,value:this.value})}this.hoverIndex=null;this.setTabbableAndFocus(n)};this.onContainerKeyDown=t=>{if(this.readonly||this.disabled)return;if(t.defaultPrevented)return;this.userKeyFocused=true;const i=getComputedStyle(this.containerEl).direction==="rtl";const s=i?"ArrowLeft":"ArrowRight";const n=i?"ArrowRight":"ArrowLeft";if(t.key===s||t.key==="ArrowUp"){t.preventDefault();if(this.tabbableIndex==null)this.setTabbableAndFocus(this.value||1);this.handleStep(this.value||null,1,t)}else if(t.key===n||t.key==="ArrowDown"){t.preventDefault();if(this.tabbableIndex==null)this.setTabbableAndFocus(this.value||5);this.handleStep(this.value||6,-1,t)}else if(t.key==="Home"){t.preventDefault();const i=this.value;this.value=1;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(1)}else if(t.key==="End"){t.preventDefault();const i=this.value;this.value=5;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(5)}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(!this.value){const i=this.value;this.value=1;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(1)}else if(this.tabbableIndex==null){this.setTabbableAndFocus(this.value)}}};this.onRatingItemKeyDown=(t,i)=>{if(this.readonly||this.disabled)return;this.userKeyFocused=true;const s=getComputedStyle(this.containerEl).direction==="rtl";const n=s?"ArrowLeft":"ArrowRight";const r=s?"ArrowRight":"ArrowLeft";if(i.key===n||i.key==="ArrowUp"){i.preventDefault();i.stopPropagation();this.handleStep(t,1,i)}else if(i.key===r||i.key==="ArrowDown"){i.preventDefault();i.stopPropagation();this.handleStep(t,-1,i)}}}handleFocusOut(t){const i=t.relatedTarget;if(i&&this.element.contains(i))return;this.stzhBlur.emit({component:"stzh-rating",originalEvent:t})}handleFocusIn(t){if(!this.element.contains(t.target))return;this.stzhFocus.emit({component:"stzh-rating",originalEvent:t})}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)||[];if(!Array.isArray(this._error))this._error=[t]}catch(i){this._error=t?[t]:[]}}else if(t){this._error=t}else{this._error=[]}}async componentWillLoad(){var t,i;this.groupId=`stzh-rating-${h++}`;this.errorWatcher(this.error);if(!this.localization&&((i=(t=window===null||window===void 0?void 0:window.stzhComponents)===null||t===void 0?void 0:t.utils)===null||i===void 0?void 0:i.fetchTranslations)){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"rating")}this.tabbableIndex=null}clampRatingValue(t){const i=Number(t);if(!Number.isFinite(i))return 0;return Math.max(0,Math.min(c,Math.round(i)))}async setValue(t){this.value=this.clampRatingValue(t)}get displayValue(){var t;return(t=this.hoverIndex)!==null&&t!==void 0?t:this.value}setTabbableAndFocus(t){this.tabbableIndex=t;const i=this.ratingButtons[t-1];if(i)i.focus()}handleStep(t,i,s){const n=t!==null&&t!==void 0?t:0;const r=this.clampRatingValue(n+i);if(r!==this.value){this.value=r;this.stzhChange.emit({component:"stzh-rating",originalEvent:s,value:this.value})}this.setTabbableAndFocus(r)}get errorUsed(){return e(this.element,"error")||this._error.length>0}render(){var t,i,r,o,h,c,g,d;const z=e(this.element,"description")||!!this.description;const f=e(this.element,"description-long")||!!this.descriptionLong;const m=e(this.element)||!!this.label;const v=`${this.groupId}-legend`;const p=!this.labelHidden&&(m||f);const u={"stzh-rating":true,"stzh-rating--has-description":z,"stzh-rating--has-description-long":f,"stzh-rating--has-error":this.errorUsed,"stzh-rating--is-disabled":this.disabled,"stzh-rating--is-readonly":this.readonly,"stzh-rating--is-invalid":this.invalid||this.errorUsed,"stzh-rating--has-label-hidden":this.labelHidden,[`stzh-rating--size-${this.size}`]:!!this.size};const _=(t=this.localization)===null||t===void 0?void 0:t.$globals;const b=this.required?(i=_===null||_===void 0?void 0:_.requiredFieldMarker)!==null&&i!==void 0?i:"*":(r=_===null||_===void 0?void 0:_.optionalFieldMarker)!==null&&r!==void 0?r:"(optional)";const y=this.required?(o=_===null||_===void 0?void 0:_.requiredFieldText)!==null&&o!==void 0?o:"Required":(h=_===null||_===void 0?void 0:_.optionalFieldText)!==null&&h!==void 0?h:"Optional";const w=[this.description||z||this.errorUsed?`${this.groupId}-description`:"",this.a11yDescribedby].filter(Boolean).join(" ")||undefined;const x=this.value||0;return s(n,{key:"27769ef6f80b29c572d905f15a49b790804306df","is-invalid":this.invalid||this.errorUsed,"data-user-focus":this.userKeyFocused?"true":null},this.name&&!this.disabled&&!this.readonly&&s("input",{key:"c76501cc5510c2b170cc70799dbeae405fd4c055",type:"hidden",name:this.name,value:String(this.value)}),s("fieldset",{key:"5860a8319a410f38154be37d1f620ec19feca4d6",class:u},p&&s("legend",{key:"891b525c47b1b7b4bef7c5c55d87729af82e35c1",id:v,class:"stzh-rating__legend"},s("span",{key:"b97c01df622ce75be207b875437375d83c09bac0",class:"stzh-rating__legend-text"},e(this.element)?s("slot",null):(c=this.label)!==null&&c!==void 0?c:"Label",!this.hideOptional&&s("span",{key:"6131c7a7e65fc29da719f604541914884b7aeb5d",class:"stzh-rating__marker"},s("span",{key:"fe4a5cc529e848e812535d13f8580a40167204a2",class:"stzh-rating__marker-symbol","aria-hidden":"true"},b),s("span",{key:"8656091203051b14c1243a465542a98d53dc6506",class:"stzh-rating__marker-text"},y))),f&&s(a,{key:"4c2495e80893c39ca860f7755559d9fccac901bf",classPrefix:"stzh-rating",id:`${this.groupId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:f,moreInfoButtonLabel:(d=(g=this.localization)===null||g===void 0?void 0:g.$globals)===null||d===void 0?void 0:d.moreInfoButtonLabel,showError:false,showDescriptionText:false})),s("div",{key:"875d19e810785835f1b4622206a6986bb06ee2e9",class:"stzh-rating__items",role:"radiogroup","aria-labelledby":p?v:undefined,"aria-label":m?undefined:this.readonly?`${x} von 5 Punkten`:`Bewertung: ${x} von 5 Punkten. Mit Pfeiltasten ändern.`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid||this.errorUsed?"true":"false","aria-describedby":w,id:this.groupId,tabIndex:this.disabled?undefined:0,onKeyDown:this.onContainerKeyDown,ref:t=>this.containerEl=t},l.map((t=>{const i=this.displayValue;const n=this.value>=t;const r=this.hoverIndex;const e=r!=null&&t<=r;return s("button",{type:"button",class:{"stzh-rating__item":true,filled:n,"is-preview":e,disabled:this.disabled,readonly:this.readonly},role:"radio",tabIndex:this.tabbableIndex===t?0:-1,"aria-checked":this.value>=t?"true":"false","aria-label":`${t} ${t===1?"Punkt":"Punkte"}`,onMouseEnter:()=>this.onMouseEnter(t),onMouseLeave:this.onMouseLeave,onKeyDown:i=>this.onRatingItemKeyDown(t,i),onClick:i=>this.onClick(t,i),disabled:this.disabled||this.readonly,ref:i=>this.ratingButtons[t-1]=i,"s-object-id":this.analyticsId||this.label},s("stzh-icon",{class:"stzh-rating__icon",name:"star","a11y-title":""}),i>=t&&s("stzh-icon",{class:"stzh-rating__icon",name:"star-filled","a11y-title":""}))}))),(this.errorUsed||z)&&s(a,{key:"4892de9f51aefc052fe7f0c3f88b316b767e4c65",classPrefix:"stzh-rating",id:`${this.groupId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return r(this)}static get watchers(){return{error:["errorWatcher"]}}};g.style=o();export{g as stzh_rating};
-//# sourceMappingURL=p-856faa3f.entry.js.map
+import{r as t,c as i,h as s,a as n,d as r}from"./p-Qb46gVIp.js";import{h as e}from"./p--MYN2wgX.js";import{S as a}from"./p-Be8ir2AL.js";import"./p-BubviQku.js";const o=()=>`.sc-stzh-rating-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-rating-h,[stzh-hidden].sc-stzh-rating-h{display:none}.sc-stzh-rating-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-rating-h *.sc-stzh-rating,.sc-stzh-rating-h *.sc-stzh-rating::before,.sc-stzh-rating-h *.sc-stzh-rating::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-rating-h .has-focus.sc-stzh-rating{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating{outline-style:none !important}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating::-moz-focus-inner{border:0 !important}.sc-stzh-rating-h{--rating-legend-color:var(--stzh-rating-legend-color, var(--stzh-heading-color));--rating-icon-empty:var(--stzh-color-primary70);--rating-icon-active:var(--stzh-color-primary70);--rating-icon-hover:var(--stzh-color-secondary60);--rating-icon-invalid:var(--stzh-color-error60);--rating-icon-disabled-empty:var(--stzh-color-grey70);--rating-icon-disabled-active:var(--stzh-color-grey70)}[disabled].sc-stzh-rating-h:not([disabled=false]){--description-color:var(--stzh-color-grey70);--rating-legend-color:var(--stzh-color-grey70);--rating-icon-empty:var(--rating-icon-disabled-empty);--rating-icon-active:var(--rating-icon-disabled-active)}@media (forced-colors: active){[disabled].sc-stzh-rating-h:not([disabled=false]){--rating-icon-empty:GrayText;--rating-icon-active:GrayText}}@media (forced-colors: none){[is-invalid].sc-stzh-rating-h{--rating-icon-empty:var(--rating-icon-invalid);--rating-icon-active:var(--rating-icon-invalid);--rating-icon-hover:var(--rating-icon-invalid)}}@media (forced-colors: none){[invalid].sc-stzh-rating-h:not([invalid=false]) .stzh-rating__item.filled.sc-stzh-rating>.stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-invalid)}}@media (forced-colors: none){[is-invalid].sc-stzh-rating-h .stzh-rating__item.filled.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating,[is-invalid].sc-stzh-rating-h .stzh-rating__item.is-preview.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-invalid) !important}}[disabled].sc-stzh-rating-h:not([disabled=false]) .stzh-rating__item.sc-stzh-rating{cursor:not-allowed}.stzh-rating__marker-symbol.sc-stzh-rating{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-rating__marker-text.sc-stzh-rating{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-rating__description-wrapper.sc-stzh-rating{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-rating__error.sc-stzh-rating,.stzh-rating__description.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-rating__error.sc-stzh-rating{color:var(--stzh-color-error60)}.stzh-rating__error-list.sc-stzh-rating{list-style:none;margin:0;padding:0}.stzh-rating__description.sc-stzh-rating{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-rating__description-long.sc-stzh-rating{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-rating__description-long.sc-stzh-rating{margin-top:0}}.stzh-rating__description-long-popover.sc-stzh-rating{--width:auto;--max-width:27.3125rem}.stzh-rating__description-long-button.sc-stzh-rating{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-rating.sc-stzh-rating stzh-icon.stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-xsmall)}.stzh-rating--has-error.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating--has-description.sc-stzh-rating .stzh-rating__description.sc-stzh-rating{margin-top:var(--stzh-space-xxxsmall)}.stzh-rating.sc-stzh-rating{margin:0;padding:0;border:none}.stzh-rating__legend.sc-stzh-rating{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--rating-legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;gap:var(--stzh-space-xsmall);min-width:0;max-width:100%}.stzh-rating__legend-text.sc-stzh-rating{min-width:0}.stzh-rating__legend.sc-stzh-rating>.stzh-rating__description-wrapper.sc-stzh-rating{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-rating__legend.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-text.sc-stzh-rating{display:none}.stzh-rating__legend.sc-stzh-rating .stzh-rating__description.sc-stzh-rating,.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-long.sc-stzh-rating{display:inline-flex;align-items:flex-start;margin:0}.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-long-button.sc-stzh-rating{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-rating__legend.sc-stzh-rating stzh-popover.sc-stzh-rating .stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-rating__marker.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-rating__items.sc-stzh-rating{display:inline-flex;align-items:center;gap:var(--rating-item-gap-sm);padding:0;min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-sm) * 4);min-height:var(--stzh-form-input-height, var(--stzh-form-input-height))}@media (min-width: 900px){.stzh-rating__items.sc-stzh-rating{gap:var(--rating-item-gap-lg);min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-lg) * 4)}}.stzh-rating__icon.sc-stzh-rating{--size:100%;--color:var(--rating-icon-empty);display:block;width:var(--rating-item-size);height:var(--rating-item-size);grid-area:1/1;transition:none}.stzh-rating--has-label-hidden.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}@media (forced-colors: none){.stzh-rating--is-invalid.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating,.stzh-rating--has-error.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-error60)}}.stzh-rating--is-disabled.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-grey60)}.stzh-rating.sc-stzh-rating{--rating-item-size:3rem;--rating-item-gap-sm:0.5rem;--rating-item-gap-lg:0.75rem}.stzh-rating--size-default.sc-stzh-rating{--rating-item-size:3rem}.stzh-rating--size-small.sc-stzh-rating{--rating-item-size:2.25rem}button.stzh-rating__item.sc-stzh-rating{position:relative;display:grid;align-items:center;justify-content:center;appearance:none;background:transparent;box-sizing:border-box;border:none;padding:0;margin:0;line-height:1;cursor:pointer;flex:0 0 var(--rating-item-size);min-width:var(--rating-item-size);min-height:var(--rating-item-size)}button.stzh-rating__item.sc-stzh-rating:focus{outline:none}button.stzh-rating__item.sc-stzh-rating:focus-visible{border-color:var(--focus-border-color, var(--stzh-color-secondary50));box-shadow:0 0 0 0.125rem var(--stzh-color-white), 0 0 0 0.25rem var(--focus-border-color, var(--stzh-color-secondary50))}button.stzh-rating__item.disabled.sc-stzh-rating,button.stzh-rating__item.readonly.sc-stzh-rating{cursor:default}button.stzh-rating__item.filled.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-active)}@media (forced-colors: active){button.stzh-rating__item.filled.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:SelectedItem}}button.stzh-rating__item.is-preview.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-hover)}@media (forced-colors: active){button.stzh-rating__item.is-preview.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:Highlight}}@media (forced-colors: active){button.stzh-rating__item.readonly.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:CanvasText}}`;let h=0;const c=5;const l=[1,2,3,4,5];const g=class{constructor(s){t(this,s);this.stzhChange=i(this,"stzhChange");this.stzhFocus=i(this,"stzhFocus");this.stzhBlur=i(this,"stzhBlur");this.value=0;this.disabled=false;this.readonly=false;this.invalid=false;this.required=false;this.hideOptional=false;this.label="Label";this.labelHidden=false;this._error=[];this.size="default";this.a11yDescribedby="";this.hoverIndex=null;this.tabbableIndex=null;this.userKeyFocused=false;this.ratingButtons=[];this.onMouseEnter=t=>{if(this.readonly||this.disabled)return;this.hoverIndex=t};this.onMouseLeave=()=>{if(this.readonly||this.disabled)return;this.hoverIndex=null};this.onClick=(t,i)=>{if(this.readonly||this.disabled)return;const s=this.value;const n=this.clampRatingValue(t);if(n!==s){this.value=n;this.stzhChange.emit({component:"stzh-rating",originalEvent:i,value:this.value})}this.hoverIndex=null;this.setTabbableAndFocus(n)};this.onContainerKeyDown=t=>{if(this.readonly||this.disabled)return;if(t.defaultPrevented)return;this.userKeyFocused=true;const i=getComputedStyle(this.containerEl).direction==="rtl";const s=i?"ArrowLeft":"ArrowRight";const n=i?"ArrowRight":"ArrowLeft";if(t.key===s||t.key==="ArrowUp"){t.preventDefault();if(this.tabbableIndex==null)this.setTabbableAndFocus(this.value||1);this.handleStep(this.value||null,1,t)}else if(t.key===n||t.key==="ArrowDown"){t.preventDefault();if(this.tabbableIndex==null)this.setTabbableAndFocus(this.value||5);this.handleStep(this.value||6,-1,t)}else if(t.key==="Home"){t.preventDefault();const i=this.value;this.value=1;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(1)}else if(t.key==="End"){t.preventDefault();const i=this.value;this.value=5;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(5)}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(!this.value){const i=this.value;this.value=1;if(this.value!==i){this.stzhChange.emit({component:"stzh-rating",originalEvent:t,value:this.value})}this.setTabbableAndFocus(1)}else if(this.tabbableIndex==null){this.setTabbableAndFocus(this.value)}}};this.onRatingItemKeyDown=(t,i)=>{if(this.readonly||this.disabled)return;this.userKeyFocused=true;const s=getComputedStyle(this.containerEl).direction==="rtl";const n=s?"ArrowLeft":"ArrowRight";const r=s?"ArrowRight":"ArrowLeft";if(i.key===n||i.key==="ArrowUp"){i.preventDefault();i.stopPropagation();this.handleStep(t,1,i)}else if(i.key===r||i.key==="ArrowDown"){i.preventDefault();i.stopPropagation();this.handleStep(t,-1,i)}}}handleFocusOut(t){const i=t.relatedTarget;if(i&&this.element.contains(i))return;this.stzhBlur.emit({component:"stzh-rating",originalEvent:t})}handleFocusIn(t){if(!this.element.contains(t.target))return;this.stzhFocus.emit({component:"stzh-rating",originalEvent:t})}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)||[];if(!Array.isArray(this._error))this._error=[t]}catch(i){this._error=t?[t]:[]}}else if(t){this._error=t}else{this._error=[]}}async componentWillLoad(){var t,i;this.groupId=`stzh-rating-${h++}`;this.errorWatcher(this.error);if(!this.localization&&((i=(t=window===null||window===void 0?void 0:window.stzhComponents)===null||t===void 0?void 0:t.utils)===null||i===void 0?void 0:i.fetchTranslations)){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"rating")}this.tabbableIndex=null}clampRatingValue(t){const i=Number(t);if(!Number.isFinite(i))return 0;return Math.max(0,Math.min(c,Math.round(i)))}async setValue(t){this.value=this.clampRatingValue(t)}get displayValue(){var t;return(t=this.hoverIndex)!==null&&t!==void 0?t:this.value}setTabbableAndFocus(t){this.tabbableIndex=t;const i=this.ratingButtons[t-1];if(i)i.focus()}handleStep(t,i,s){const n=t!==null&&t!==void 0?t:0;const r=this.clampRatingValue(n+i);if(r!==this.value){this.value=r;this.stzhChange.emit({component:"stzh-rating",originalEvent:s,value:this.value})}this.setTabbableAndFocus(r)}get errorUsed(){return e(this.element,"error")||this._error.length>0}render(){var t,i,r,o,h,c,g,d;const z=e(this.element,"description")||!!this.description;const f=e(this.element,"description-long")||!!this.descriptionLong;const m=e(this.element)||!!this.label;const v=`${this.groupId}-legend`;const p=!this.labelHidden&&(m||f);const u={"stzh-rating":true,"stzh-rating--has-description":z,"stzh-rating--has-description-long":f,"stzh-rating--has-error":this.errorUsed,"stzh-rating--is-disabled":this.disabled,"stzh-rating--is-readonly":this.readonly,"stzh-rating--is-invalid":this.invalid||this.errorUsed,"stzh-rating--has-label-hidden":this.labelHidden,[`stzh-rating--size-${this.size}`]:!!this.size};const _=(t=this.localization)===null||t===void 0?void 0:t.$globals;const b=this.required?(i=_===null||_===void 0?void 0:_.requiredFieldMarker)!==null&&i!==void 0?i:"*":(r=_===null||_===void 0?void 0:_.optionalFieldMarker)!==null&&r!==void 0?r:"(optional)";const y=this.required?(o=_===null||_===void 0?void 0:_.requiredFieldText)!==null&&o!==void 0?o:"Required":(h=_===null||_===void 0?void 0:_.optionalFieldText)!==null&&h!==void 0?h:"Optional";const w=[this.description||z||this.errorUsed?`${this.groupId}-description`:"",this.a11yDescribedby].filter(Boolean).join(" ")||undefined;const x=this.value||0;return s(n,{key:"27769ef6f80b29c572d905f15a49b790804306df","is-invalid":this.invalid||this.errorUsed,"data-user-focus":this.userKeyFocused?"true":null},this.name&&!this.disabled&&!this.readonly&&s("input",{key:"c76501cc5510c2b170cc70799dbeae405fd4c055",type:"hidden",name:this.name,value:String(this.value)}),s("fieldset",{key:"5860a8319a410f38154be37d1f620ec19feca4d6",class:u},p&&s("legend",{key:"891b525c47b1b7b4bef7c5c55d87729af82e35c1",id:v,class:"stzh-rating__legend"},s("span",{key:"b97c01df622ce75be207b875437375d83c09bac0",class:"stzh-rating__legend-text"},e(this.element)?s("slot",null):(c=this.label)!==null&&c!==void 0?c:"Label",!this.hideOptional&&s("span",{key:"6131c7a7e65fc29da719f604541914884b7aeb5d",class:"stzh-rating__marker"},s("span",{key:"fe4a5cc529e848e812535d13f8580a40167204a2",class:"stzh-rating__marker-symbol","aria-hidden":"true"},b),s("span",{key:"8656091203051b14c1243a465542a98d53dc6506",class:"stzh-rating__marker-text"},y))),f&&s(a,{key:"4c2495e80893c39ca860f7755559d9fccac901bf",classPrefix:"stzh-rating",id:`${this.groupId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:f,moreInfoButtonLabel:(d=(g=this.localization)===null||g===void 0?void 0:g.$globals)===null||d===void 0?void 0:d.moreInfoButtonLabel,showError:false,showDescriptionText:false})),s("div",{key:"875d19e810785835f1b4622206a6986bb06ee2e9",class:"stzh-rating__items",role:"radiogroup","aria-labelledby":p?v:undefined,"aria-label":m?undefined:this.readonly?`${x} von 5 Punkten`:`Bewertung: ${x} von 5 Punkten. Mit Pfeiltasten ändern.`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid||this.errorUsed?"true":"false","aria-describedby":w,id:this.groupId,tabIndex:this.disabled?undefined:0,onKeyDown:this.onContainerKeyDown,ref:t=>this.containerEl=t},l.map((t=>{const i=this.displayValue;const n=this.value>=t;const r=this.hoverIndex;const e=r!=null&&t<=r;return s("button",{type:"button",class:{"stzh-rating__item":true,filled:n,"is-preview":e,disabled:this.disabled,readonly:this.readonly},role:"radio",tabIndex:this.tabbableIndex===t?0:-1,"aria-checked":this.value>=t?"true":"false","aria-label":`${t} ${t===1?"Punkt":"Punkte"}`,onMouseEnter:()=>this.onMouseEnter(t),onMouseLeave:this.onMouseLeave,onKeyDown:i=>this.onRatingItemKeyDown(t,i),onClick:i=>this.onClick(t,i),disabled:this.disabled||this.readonly,ref:i=>this.ratingButtons[t-1]=i,"s-object-id":this.analyticsId||this.label},s("stzh-icon",{class:"stzh-rating__icon",name:"star","a11y-title":""}),i>=t&&s("stzh-icon",{class:"stzh-rating__icon",name:"star-filled","a11y-title":""}))}))),(this.errorUsed||z)&&s(a,{key:"4892de9f51aefc052fe7f0c3f88b316b767e4c65",classPrefix:"stzh-rating",id:`${this.groupId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return r(this)}static get watchers(){return{error:["errorWatcher"]}}};g.style=o();export{g as stzh_rating};
+//# sourceMappingURL=p-facf3e9e.entry.js.map

package/dist/stzh-components/{p-8e34c9c9.entry.js → p-fb25534f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as i,d as a}from"./p-BDy81lpO.js";import{h as r}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const h=()=>`.sc-stzh-pi-teaser-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-h,[stzh-hidden].sc-stzh-pi-teaser-h{display:none}.sc-stzh-pi-teaser-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-h *.sc-stzh-pi-teaser,.sc-stzh-pi-teaser-h *.sc-stzh-pi-teaser::before,.sc-stzh-pi-teaser-h *.sc-stzh-pi-teaser::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-h .has-focus.sc-stzh-pi-teaser{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser{outline-style:none !important}.sc-stzh-pi-teaser-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-h{--image-background-color:var(\n    --stzh-pi-teaser-image-background-color,\n    var(--stzh-color-primary30)\n  );display:flex;flex-direction:column}.stzh-pi-teaser.sc-stzh-pi-teaser{position:relative;flex-grow:1;display:flex;flex-direction:column;background-color:var(--stzh-color-white)}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-right:var(--stzh-space-large)}}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-large)}}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-top:var(--stzh-space-large)}}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{flex-direction:column;align-items:flex-start}.stzh-pi-teaser__image.sc-stzh-pi-teaser{width:100%;display:none}.stzh-pi-teaser__dateline.sc-stzh-pi-teaser{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-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__dateline.sc-stzh-pi-teaser{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__dateline.sc-stzh-pi-teaser{color:var(--stzh-color-coolgrey70);margin:0 0 var(--stzh-space-small);flex-shrink:0}.stzh-pi-teaser__title.sc-stzh-pi-teaser{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-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-pi-teaser__title.sc-stzh-pi-teaser{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-pi-teaser__title.sc-stzh-pi-teaser{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0;min-height:0;display:-webkit-box;-webkit-line-clamp:var(--line-clamp, 3);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.stzh-pi-teaser__title-link.sc-stzh-pi-teaser{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-pi-teaser__title-link.sc-stzh-pi-teaser::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-teaser__title-link.sc-stzh-pi-teaser::after{z-index:1}.stzh-pi-teaser__lead.sc-stzh-pi-teaser{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);margin-top:0;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-xlarge)}}.stzh-pi-teaser__date.sc-stzh-pi-teaser{color:var(--stzh-color-coolgrey70);margin:0;text-align:right;width:100%}.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__image.sc-stzh-pi-teaser{display:block}.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-top:var(--stzh-space-small)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser{--background-color:var(--image-background-color)}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{display:flex;flex-direction:column;min-height:0;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-top:var(--stzh-space-large)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-right:var(--stzh-space-large)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-large)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-large)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{gap:var(--stzh-space-xxsmall)}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__dateline.sc-stzh-pi-teaser{margin-bottom:0}`;const n=class{constructor(s){t(this,s);this.stzhClick=e(this,"stzhClick");this.dateline="";this.heading="";this.headingLevel="3";this.lead="";this.date="";this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-teaser",originalEvent:t,href:this.href})};this.setLineAmount=()=>{if(!this.wrapperElement||!this.headingTextElement||!this.datelineTextElement)return;const t=getComputedStyle(this.wrapperElement);const e=getComputedStyle(this.headingTextElement);const s=parseFloat(t.paddingTop)||0;const i=parseFloat(t.paddingBottom)||0;const a=parseFloat(e.lineHeight);const r=this.datelineTextElement.offsetHeight;const h=this.wrapperElement.clientHeight-s-i-r;const n=parseFloat(t.rowGap||t.gap)||0;const p=h>=a*3+n;this.headingTextElement.style.setProperty("--line-clamp",p?"3":"2")}}componentDidRender(){requestAnimationFrame((()=>{var t,e;const s=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(s){(e=this.cardLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",s)}}))}componentDidLoad(){this.resizeObserver=new ResizeObserver(this.setLineAmount);this.resizeObserver.observe(this.element);this.setLineAmount()}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}renderHeading(){const t=`h${this.headingLevel}`;return s("div",{class:"stzh-pi-teaser__title-wrapper",ref:t=>this.wrapperElement=t},this.dateline&&s("p",{class:"stzh-pi-teaser__dateline",ref:t=>this.datelineTextElement=t},this.dateline),s(t,{class:"stzh-pi-teaser__title",ref:t=>this.headingTextElement=t},this.heading?this.heading:s("slot",{name:"heading"})))}render(){const t=!!this.lead||r(this.element,"lead");const e=r(this.element,"image");const a=!e;const h=this.href?"a":"button";const n={"stzh-pi-teaser":true,"stzh-pi-teaser--has-lead":t,"stzh-pi-teaser--has-image":e};return s(i,{key:"5de62fb3bcf3aa74f23a1ec0bd56adecc6f413a1","has-lead":t},s("article",{key:"17e16cf28798e121ae8d18dbaffbd6e01ae14639",class:n,"aria-label":this.heading,role:"listitem"},s(h,{key:"2fc1a4a1160be1a87f036c1982506f4cc8786a4e",ref:t=>this.cardLinkElement=t,class:"stzh-pi-teaser__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},s("div",{key:"d8b9d711ba3f3999dd9d863771d6f38543385359",class:"stzh-pi-teaser__image"},s("stzh-ratio",{key:"0903987a40e33156506c6dc6ef5bcfa0e4a49ed7",ratio:"2:1"},s("slot",{key:"acada0d530285e49f8586d07c79bac866bb5b90b",name:"image"}))),a&&s("stzh-ratio",{key:"aee4462b525b2ce52feed146cb853099002d0687",class:"stzh-pi-teaser__title-ratio",ratio:"2:1"},this.renderHeading()),s("div",{key:"eee77c4ffb66dd894a9a35292f93cbcd3af7cbd9",class:"stzh-pi-teaser__wrapper"},!a&&this.renderHeading(),s("div",{key:"9b9b63a9514f6881dce296d5ed3dc684babcfe1a",class:"stzh-pi-teaser__lead"},this.lead?this.lead:s("slot",{name:"lead"})),this.date&&s("div",{key:"bf30e0101a9e134caeb9895291dbad426529f71c",class:"stzh-pi-teaser__date"},this.date)))))}get element(){return a(this)}};n.style=h();export{n as stzh_pi_teaser};
-//# sourceMappingURL=p-8e34c9c9.entry.js.map
+import{r as t,c as e,h as s,a as i,d as a}from"./p-Qb46gVIp.js";import{h as r}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const h=()=>`.sc-stzh-pi-teaser-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-h,[stzh-hidden].sc-stzh-pi-teaser-h{display:none}.sc-stzh-pi-teaser-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-h *.sc-stzh-pi-teaser,.sc-stzh-pi-teaser-h *.sc-stzh-pi-teaser::before,.sc-stzh-pi-teaser-h *.sc-stzh-pi-teaser::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-h .has-focus.sc-stzh-pi-teaser{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser{outline-style:none !important}.sc-stzh-pi-teaser-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-h{--image-background-color:var(\n    --stzh-pi-teaser-image-background-color,\n    var(--stzh-color-primary30)\n  );display:flex;flex-direction:column}.stzh-pi-teaser.sc-stzh-pi-teaser{position:relative;flex-grow:1;display:flex;flex-direction:column;background-color:var(--stzh-color-white)}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-right:var(--stzh-space-large)}}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-large)}}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-top:var(--stzh-space-large)}}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{flex-direction:column;align-items:flex-start}.stzh-pi-teaser__image.sc-stzh-pi-teaser{width:100%;display:none}.stzh-pi-teaser__dateline.sc-stzh-pi-teaser{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-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__dateline.sc-stzh-pi-teaser{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__dateline.sc-stzh-pi-teaser{color:var(--stzh-color-coolgrey70);margin:0 0 var(--stzh-space-small);flex-shrink:0}.stzh-pi-teaser__title.sc-stzh-pi-teaser{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-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-pi-teaser__title.sc-stzh-pi-teaser{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-pi-teaser__title.sc-stzh-pi-teaser{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0;min-height:0;display:-webkit-box;-webkit-line-clamp:var(--line-clamp, 3);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.stzh-pi-teaser__title-link.sc-stzh-pi-teaser{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-pi-teaser__title-link.sc-stzh-pi-teaser::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-teaser__title-link.sc-stzh-pi-teaser::after{z-index:1}.stzh-pi-teaser__lead.sc-stzh-pi-teaser{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);margin-top:0;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-xlarge)}}.stzh-pi-teaser__date.sc-stzh-pi-teaser{color:var(--stzh-color-coolgrey70);margin:0;text-align:right;width:100%}.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__image.sc-stzh-pi-teaser{display:block}.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-top:var(--stzh-space-small)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser{--background-color:var(--image-background-color)}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{display:flex;flex-direction:column;min-height:0;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-top:var(--stzh-space-large)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-right:var(--stzh-space-large)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-large)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-large)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{gap:var(--stzh-space-xxsmall)}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__dateline.sc-stzh-pi-teaser{margin-bottom:0}`;const n=class{constructor(s){t(this,s);this.stzhClick=e(this,"stzhClick");this.dateline="";this.heading="";this.headingLevel="3";this.lead="";this.date="";this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-teaser",originalEvent:t,href:this.href})};this.setLineAmount=()=>{if(!this.wrapperElement||!this.headingTextElement||!this.datelineTextElement)return;const t=getComputedStyle(this.wrapperElement);const e=getComputedStyle(this.headingTextElement);const s=parseFloat(t.paddingTop)||0;const i=parseFloat(t.paddingBottom)||0;const a=parseFloat(e.lineHeight);const r=this.datelineTextElement.offsetHeight;const h=this.wrapperElement.clientHeight-s-i-r;const n=parseFloat(t.rowGap||t.gap)||0;const p=h>=a*3+n;this.headingTextElement.style.setProperty("--line-clamp",p?"3":"2")}}componentDidRender(){requestAnimationFrame((()=>{var t,e;const s=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(s){(e=this.cardLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",s)}}))}componentDidLoad(){this.resizeObserver=new ResizeObserver(this.setLineAmount);this.resizeObserver.observe(this.element);this.setLineAmount()}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}renderHeading(){const t=`h${this.headingLevel}`;return s("div",{class:"stzh-pi-teaser__title-wrapper",ref:t=>this.wrapperElement=t},this.dateline&&s("p",{class:"stzh-pi-teaser__dateline",ref:t=>this.datelineTextElement=t},this.dateline),s(t,{class:"stzh-pi-teaser__title",ref:t=>this.headingTextElement=t},this.heading?this.heading:s("slot",{name:"heading"})))}render(){const t=!!this.lead||r(this.element,"lead");const e=r(this.element,"image");const a=!e;const h=this.href?"a":"button";const n={"stzh-pi-teaser":true,"stzh-pi-teaser--has-lead":t,"stzh-pi-teaser--has-image":e};return s(i,{key:"5de62fb3bcf3aa74f23a1ec0bd56adecc6f413a1","has-lead":t},s("article",{key:"17e16cf28798e121ae8d18dbaffbd6e01ae14639",class:n,"aria-label":this.heading,role:"listitem"},s(h,{key:"2fc1a4a1160be1a87f036c1982506f4cc8786a4e",ref:t=>this.cardLinkElement=t,class:"stzh-pi-teaser__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},s("div",{key:"d8b9d711ba3f3999dd9d863771d6f38543385359",class:"stzh-pi-teaser__image"},s("stzh-ratio",{key:"0903987a40e33156506c6dc6ef5bcfa0e4a49ed7",ratio:"2:1"},s("slot",{key:"acada0d530285e49f8586d07c79bac866bb5b90b",name:"image"}))),a&&s("stzh-ratio",{key:"aee4462b525b2ce52feed146cb853099002d0687",class:"stzh-pi-teaser__title-ratio",ratio:"2:1"},this.renderHeading()),s("div",{key:"eee77c4ffb66dd894a9a35292f93cbcd3af7cbd9",class:"stzh-pi-teaser__wrapper"},!a&&this.renderHeading(),s("div",{key:"9b9b63a9514f6881dce296d5ed3dc684babcfe1a",class:"stzh-pi-teaser__lead"},this.lead?this.lead:s("slot",{name:"lead"})),this.date&&s("div",{key:"bf30e0101a9e134caeb9895291dbad426529f71c",class:"stzh-pi-teaser__date"},this.date)))))}get element(){return a(this)}};n.style=h();export{n as stzh_pi_teaser};
+//# sourceMappingURL=p-fb25534f.entry.js.map