@oiz/stzh-components 4.12.1-beta1 → 4.12.2

package/dist/stzh-components/{p-8f956678.entry.js → p-683a19bb.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-BMrO_esM.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-683a19bb.entry.js.map

package/dist/stzh-components/{p-e281a715.entry.js → p-684d4d18.entry.js}

@@ -1,6 +1,6 @@
-import{r as t,h as i,F as s,a as e,d as o}from"./p-BDy81lpO.js";
+import{r as t,h as i,F as s,a as e,d as o}from"./p-BMrO_esM.js";
 /*!
   * PhotoSwipe Lightbox 5.4.4 - https://photoswipe.com
   * (c) 2024 Dmytro Semenov
-  */function n(t,i,s){const e=document.createElement(i);if(t){e.className=t}if(s){s.appendChild(e)}return e}function a(t,i,s){let e=`translate3d(${t}px,${0}px,0)`;if(s!==undefined){e+=` scale3d(${s},${s},1)`}return e}function r(t,i,s){t.style.width=typeof i==="number"?`${i}px`:i;t.style.height=typeof s==="number"?`${s}px`:s}const h={IDLE:"idle",LOADING:"loading",LOADED:"loaded",ERROR:"error"};function l(t){return"button"in t&&t.button===1||t.ctrlKey||t.metaKey||t.altKey||t.shiftKey}function p(t,i,s=document){let e=[];if(t instanceof Element){e=[t]}else if(t instanceof NodeList||Array.isArray(t)){e=Array.from(t)}else{const o=typeof t==="string"?t:i;if(o){e=Array.from(s.querySelectorAll(o))}}return e}function c(t){return typeof t==="function"&&t.prototype&&t.prototype.goTo}function d(){return!!(navigator.vendor&&navigator.vendor.match(/apple/i))}class _{constructor(t,i){this.type=t;this.defaultPrevented=false;if(i){Object.assign(this,i)}}preventDefault(){this.defaultPrevented=true}}class f{constructor(){this._listeners={};this._filters={};this.pswp=undefined;this.options=undefined}addFilter(t,i,s=100){var e,o,n;if(!this._filters[t]){this._filters[t]=[]}(e=this._filters[t])===null||e===void 0||e.push({fn:i,priority:s});(o=this._filters[t])===null||o===void 0||o.sort(((t,i)=>t.priority-i.priority));(n=this.pswp)===null||n===void 0||n.addFilter(t,i,s)}removeFilter(t,i){if(this._filters[t]){this._filters[t]=this._filters[t].filter((t=>t.fn!==i))}if(this.pswp){this.pswp.removeFilter(t,i)}}applyFilters(t,...i){var s;(s=this._filters[t])===null||s===void 0||s.forEach((t=>{i[0]=t.fn.apply(this,i)}));return i[0]}on(t,i){var s,e;if(!this._listeners[t]){this._listeners[t]=[]}(s=this._listeners[t])===null||s===void 0||s.push(i);(e=this.pswp)===null||e===void 0||e.on(t,i)}off(t,i){var s;if(this._listeners[t]){this._listeners[t]=this._listeners[t].filter((t=>i!==t))}(s=this.pswp)===null||s===void 0||s.off(t,i)}dispatch(t,i){var s;if(this.pswp){return this.pswp.dispatch(t,i)}const e=new _(t,i);(s=this._listeners[t])===null||s===void 0||s.forEach((t=>{t.call(this,e)}));return e}}class w{constructor(t,i){this.element=n("pswp__img pswp__img--placeholder",t?"img":"div",i);if(t){const i=this.element;i.decoding="async";i.alt="";i.src=t;i.setAttribute("role","presentation")}this.element.setAttribute("aria-hidden","true")}setDisplayedSize(t,i){if(!this.element){return}if(this.element.tagName==="IMG"){r(this.element,250,"auto");this.element.style.transformOrigin="0 0";this.element.style.transform=a(0,0,t/250)}else{r(this.element,t,i)}}destroy(){var t;if((t=this.element)!==null&&t!==void 0&&t.parentNode){this.element.remove()}this.element=null}}class m{constructor(t,i,s){this.instance=i;this.data=t;this.index=s;this.element=undefined;this.placeholder=undefined;this.slide=undefined;this.displayedImageWidth=0;this.displayedImageHeight=0;this.width=Number(this.data.w)||Number(this.data.width)||0;this.height=Number(this.data.h)||Number(this.data.height)||0;this.isAttached=false;this.hasSlide=false;this.isDecoding=false;this.state=h.IDLE;if(this.data.type){this.type=this.data.type}else if(this.data.src){this.type="image"}else{this.type="html"}this.instance.dispatch("contentInit",{content:this})}removePlaceholder(){if(this.placeholder&&!this.keepPlaceholder()){setTimeout((()=>{if(this.placeholder){this.placeholder.destroy();this.placeholder=undefined}}),1e3)}}load(t,i){if(this.slide&&this.usePlaceholder()){if(!this.placeholder){const t=this.instance.applyFilters("placeholderSrc",this.data.msrc&&this.slide.isFirstSlide?this.data.msrc:false,this);this.placeholder=new w(t,this.slide.container)}else{const t=this.placeholder.element;if(t&&!t.parentElement){this.slide.container.prepend(t)}}}if(this.element&&!i){return}if(this.instance.dispatch("contentLoad",{content:this,isLazy:t}).defaultPrevented){return}if(this.isImageContent()){this.element=n("pswp__img","img");if(this.displayedImageWidth){this.loadImage(t)}}else{this.element=n("pswp__content","div");this.element.innerHTML=this.data.html||""}if(i&&this.slide){this.slide.updateContentSize(true)}}loadImage(t){var i,s;if(!this.isImageContent()||!this.element||this.instance.dispatch("contentLoadImage",{content:this,isLazy:t}).defaultPrevented){return}const e=this.element;this.updateSrcsetSizes();if(this.data.srcset){e.srcset=this.data.srcset}e.src=(i=this.data.src)!==null&&i!==void 0?i:"";e.alt=(s=this.data.alt)!==null&&s!==void 0?s:"";this.state=h.LOADING;if(e.complete){this.onLoaded()}else{e.onload=()=>{this.onLoaded()};e.onerror=()=>{this.onError()}}}setSlide(t){this.slide=t;this.hasSlide=true;this.instance=t.pswp}onLoaded(){this.state=h.LOADED;if(this.slide&&this.element){this.instance.dispatch("loadComplete",{slide:this.slide,content:this});if(this.slide.isActive&&this.slide.heavyAppended&&!this.element.parentNode){this.append();this.slide.updateContentSize(true)}if(this.state===h.LOADED||this.state===h.ERROR){this.removePlaceholder()}}}onError(){this.state=h.ERROR;if(this.slide){this.displayError();this.instance.dispatch("loadComplete",{slide:this.slide,isError:true,content:this});this.instance.dispatch("loadError",{slide:this.slide,content:this})}}isLoading(){return this.instance.applyFilters("isContentLoading",this.state===h.LOADING,this)}isError(){return this.state===h.ERROR}isImageContent(){return this.type==="image"}setDisplayedSize(t,i){if(!this.element){return}if(this.placeholder){this.placeholder.setDisplayedSize(t,i)}if(this.instance.dispatch("contentResize",{content:this,width:t,height:i}).defaultPrevented){return}r(this.element,t,i);if(this.isImageContent()&&!this.isError()){const s=!this.displayedImageWidth&&t;this.displayedImageWidth=t;this.displayedImageHeight=i;if(s){this.loadImage(false)}else{this.updateSrcsetSizes()}if(this.slide){this.instance.dispatch("imageSizeChange",{slide:this.slide,width:t,height:i,content:this})}}}isZoomable(){return this.instance.applyFilters("isContentZoomable",this.isImageContent()&&this.state!==h.ERROR,this)}updateSrcsetSizes(){if(!this.isImageContent()||!this.element||!this.data.srcset){return}const t=this.element;const i=this.instance.applyFilters("srcsetSizesWidth",this.displayedImageWidth,this);if(!t.dataset.largestUsedSize||i>parseInt(t.dataset.largestUsedSize,10)){t.sizes=i+"px";t.dataset.largestUsedSize=String(i)}}usePlaceholder(){return this.instance.applyFilters("useContentPlaceholder",this.isImageContent(),this)}lazyLoad(){if(this.instance.dispatch("contentLazyLoad",{content:this}).defaultPrevented){return}this.load(true)}keepPlaceholder(){return this.instance.applyFilters("isKeepingPlaceholder",this.isLoading(),this)}destroy(){this.hasSlide=false;this.slide=undefined;if(this.instance.dispatch("contentDestroy",{content:this}).defaultPrevented){return}this.remove();if(this.placeholder){this.placeholder.destroy();this.placeholder=undefined}if(this.isImageContent()&&this.element){this.element.onload=null;this.element.onerror=null;this.element=undefined}}displayError(){if(this.slide){var t,i;let s=n("pswp__error-msg","div");s.innerText=(t=(i=this.instance.options)===null||i===void 0?void 0:i.errorMsg)!==null&&t!==void 0?t:"";s=this.instance.applyFilters("contentErrorElement",s,this);this.element=n("pswp__content pswp__error-msg-container","div");this.element.appendChild(s);this.slide.container.innerText="";this.slide.container.appendChild(this.element);this.slide.updateContentSize(true);this.removePlaceholder()}}append(){if(this.isAttached||!this.element){return}this.isAttached=true;if(this.state===h.ERROR){this.displayError();return}if(this.instance.dispatch("contentAppend",{content:this}).defaultPrevented){return}const t="decode"in this.element;if(this.isImageContent()){if(t&&this.slide&&(!this.slide.isActive||d())){this.isDecoding=true;this.element.decode().catch((()=>{})).finally((()=>{this.isDecoding=false;this.appendImage()}))}else{this.appendImage()}}else if(this.slide&&!this.element.parentNode){this.slide.container.appendChild(this.element)}}activate(){if(this.instance.dispatch("contentActivate",{content:this}).defaultPrevented||!this.slide){return}if(this.isImageContent()&&this.isDecoding&&!d()){this.appendImage()}else if(this.isError()){this.load(false,true)}if(this.slide.holderElement){this.slide.holderElement.setAttribute("aria-hidden","false")}}deactivate(){this.instance.dispatch("contentDeactivate",{content:this});if(this.slide&&this.slide.holderElement){this.slide.holderElement.setAttribute("aria-hidden","true")}}remove(){this.isAttached=false;if(this.instance.dispatch("contentRemove",{content:this}).defaultPrevented){return}if(this.element&&this.element.parentNode){this.element.remove()}if(this.placeholder&&this.placeholder.element){this.placeholder.element.remove()}}appendImage(){if(!this.isAttached){return}if(this.instance.dispatch("contentAppendImage",{content:this}).defaultPrevented){return}if(this.slide&&this.element&&!this.element.parentNode){this.slide.container.appendChild(this.element)}if(this.state===h.LOADED||this.state===h.ERROR){this.removePlaceholder()}}}function u(t,i){if(t.getViewportSizeFn){const s=t.getViewportSizeFn(t,i);if(s){return s}}return{x:document.documentElement.clientWidth,y:window.innerHeight}}function g(t,i,s,e,o){let n=0;if(i.paddingFn){n=i.paddingFn(s,e,o)[t]}else if(i.padding){n=i.padding[t]}else{const s="padding"+t[0].toUpperCase()+t.slice(1);if(i[s]){n=i[s]}}return Number(n)||0}function y(t,i,s,e){return{x:i.x-g("left",t,i,s,e)-g("right",t,i,s,e),y:i.y-g("top",t,i,s,e)-g("bottom",t,i,s,e)}}const z=4e3;class v{constructor(t,i,s,e){this.pswp=e;this.options=t;this.itemData=i;this.index=s;this.panAreaSize=null;this.elementSize=null;this.fit=1;this.fill=1;this.vFill=1;this.initial=1;this.secondary=1;this.max=1;this.min=1}update(t,i,s){const e={x:t,y:i};this.elementSize=e;this.panAreaSize=s;const o=s.x/e.x;const n=s.y/e.y;this.fit=Math.min(1,o<n?o:n);this.fill=Math.min(1,o>n?o:n);this.vFill=Math.min(1,n);this.initial=this._getInitial();this.secondary=this._getSecondary();this.max=Math.max(this.initial,this.secondary,this._getMax());this.min=Math.min(this.fit,this.initial,this.secondary);if(this.pswp){this.pswp.dispatch("zoomLevelsUpdate",{zoomLevels:this,slideData:this.itemData})}}_parseZoomLevelOption(t){const i=t+"ZoomLevel";const s=this.options[i];if(!s){return}if(typeof s==="function"){return s(this)}if(s==="fill"){return this.fill}if(s==="fit"){return this.fit}return Number(s)}_getSecondary(){let t=this._parseZoomLevelOption("secondary");if(t){return t}t=Math.min(1,this.fit*3);if(this.elementSize&&t*this.elementSize.x>z){t=z/this.elementSize.x}return t}_getInitial(){return this._parseZoomLevelOption("initial")||this.fit}_getMax(){return this._parseZoomLevelOption("max")||Math.max(1,this.fit*4)}}function b(t,i,s){const e=i.createContentFromData(t,s);let o;const{options:n}=i;if(n){o=new v(n,t,-1);let a;if(i.pswp){a=i.pswp.viewportSize}else{a=u(n,i)}const r=y(n,a,t,s);o.update(e.width,e.height,r)}e.lazyLoad();if(o){e.setDisplayedSize(Math.ceil(e.width*o.initial),Math.ceil(e.height*o.initial))}return e}function x(t,i){const s=i.getItemData(t);if(i.dispatch("lazyLoadSlide",{index:t,itemData:s}).defaultPrevented){return}return b(s,i,t)}class k extends f{getNumItems(){var t;let i=0;const s=(t=this.options)===null||t===void 0?void 0:t.dataSource;if(s&&"length"in s){i=s.length}else if(s&&"gallery"in s){if(!s.items){s.items=this._getGalleryDOMElements(s.gallery)}if(s.items){i=s.items.length}}const e=this.dispatch("numItems",{dataSource:s,numItems:i});return this.applyFilters("numItems",e.numItems,s)}createContentFromData(t,i){return new m(t,this,i)}getItemData(t){var i;const s=(i=this.options)===null||i===void 0?void 0:i.dataSource;let e={};if(Array.isArray(s)){e=s[t]}else if(s&&"gallery"in s){if(!s.items){s.items=this._getGalleryDOMElements(s.gallery)}e=s.items[t]}let o=e;if(o instanceof Element){o=this._domElementToItemData(o)}const n=this.dispatch("itemData",{itemData:o||{},index:t});return this.applyFilters("itemData",n.itemData,t)}_getGalleryDOMElements(t){var i,s;if((i=this.options)!==null&&i!==void 0&&i.children||(s=this.options)!==null&&s!==void 0&&s.childSelector){return p(this.options.children,this.options.childSelector,t)||[]}return[t]}_domElementToItemData(t){const i={element:t};const s=t.tagName==="A"?t:t.querySelector("a");if(s){i.src=s.dataset.pswpSrc||s.href;if(s.dataset.pswpSrcset){i.srcset=s.dataset.pswpSrcset}i.width=s.dataset.pswpWidth?parseInt(s.dataset.pswpWidth,10):0;i.height=s.dataset.pswpHeight?parseInt(s.dataset.pswpHeight,10):0;i.w=i.width;i.h=i.height;if(s.dataset.pswpType){i.type=s.dataset.pswpType}const o=t.querySelector("img");if(o){var e;i.msrc=o.currentSrc||o.src;i.alt=(e=o.getAttribute("alt"))!==null&&e!==void 0?e:""}if(s.dataset.pswpCropped||s.dataset.cropped){i.thumbCropped=true}}return this.applyFilters("domItemData",i,t,s)}lazyLoadData(t,i){return b(t,this,i)}}class L extends k{constructor(t){super();this.options=t||{};this._uid=0;this.shouldOpen=false;this._preloadedContent=undefined;this.onThumbnailsClick=this.onThumbnailsClick.bind(this)}init(){p(this.options.gallery,this.options.gallerySelector).forEach((t=>{t.addEventListener("click",this.onThumbnailsClick,false)}))}onThumbnailsClick(t){if(l(t)||window.pswp){return}let i={x:t.clientX,y:t.clientY};if(!i.x&&!i.y){i=null}let s=this.getClickedIndex(t);s=this.applyFilters("clickedIndex",s,t,this);const e={gallery:t.currentTarget};if(s>=0){t.preventDefault();this.loadAndOpen(s,e,i)}}getClickedIndex(t){if(this.options.getClickedIndexFn){return this.options.getClickedIndexFn.call(this,t)}const i=t.target;const s=p(this.options.children,this.options.childSelector,t.currentTarget);const e=s.findIndex((t=>t===i||t.contains(i)));if(e!==-1){return e}else if(this.options.children||this.options.childSelector){return-1}return 0}loadAndOpen(t,i,s){if(window.pswp||!this.options){return false}if(!i&&this.options.gallery&&this.options.children){const t=p(this.options.gallery);if(t[0]){i={gallery:t[0]}}}this.options.index=t;this.options.initialPointerPos=s;this.shouldOpen=true;this.preload(t,i);return true}preload(t,i){const{options:s}=this;if(i){s.dataSource=i}const e=[];const o=typeof s.pswpModule;if(c(s.pswpModule)){e.push(Promise.resolve(s.pswpModule))}else if(o==="string"){throw new Error("pswpModule as string is no longer supported")}else if(o==="function"){e.push(s.pswpModule())}else{throw new Error("pswpModule is not valid")}if(typeof s.openPromise==="function"){e.push(s.openPromise())}if(s.preloadFirstSlide!==false&&t>=0){this._preloadedContent=x(t,this)}const n=++this._uid;Promise.all(e).then((t=>{if(this.shouldOpen){const i=t[0];this._openPhotoswipe(i,n)}}))}_openPhotoswipe(t,i){if(i!==this._uid&&this.shouldOpen){return}this.shouldOpen=false;if(window.pswp){return}const s=typeof t==="object"?new t.default(this.options):new t(this.options);this.pswp=s;window.pswp=s;Object.keys(this._listeners).forEach((t=>{var i;(i=this._listeners[t])===null||i===void 0||i.forEach((i=>{s.on(t,i)}))}));Object.keys(this._filters).forEach((t=>{var i;(i=this._filters[t])===null||i===void 0||i.forEach((i=>{s.addFilter(t,i.fn,i.priority)}))}));if(this._preloadedContent){s.contentLoader.addToCache(this._preloadedContent);this._preloadedContent=undefined}s.on("destroy",(()=>{this.pswp=undefined;delete window.pswp}));s.init()}destroy(){var t;(t=this.pswp)===null||t===void 0||t.destroy();this.shouldOpen=false;this._listeners={};p(this.options.gallery,this.options.gallerySelector).forEach((t=>{t.removeEventListener("click",this.onThumbnailsClick,false)}))}}const C={captionContent:".pswp-caption-content",type:"auto",horizontalEdgeThreshold:20,mobileCaptionOverlapRatio:.3,mobileLayoutBreakpoint:600,verticallyCenterImage:false};class S{constructor(t,i){this.options={...C,...i};this.lightbox=t;this.lightbox.on("init",(()=>{this.pswp=this.lightbox.pswp;this.initCaption()}))}initCaption(){const{pswp:t}=this;t.on("change",(()=>{this.showCaption(this.pswp.currSlide)}));t.on("calcSlideSize",(t=>this.onCalcSlideSize(t)));t.on("slideDestroy",(t=>{if(t.slide.dynamicCaption){if(t.slide.dynamicCaption.element){t.slide.dynamicCaption.element.remove()}delete t.slide.dynamicCaption}}));t.on("zoomPanUpdate",(({slide:i})=>{if(t.opener.isOpen&&i.dynamicCaption){if(i.currZoomLevel>i.zoomLevels.initial){this.hideCaption(i)}else{this.showCaption(i)}if(i.dynamicCaption.element){let t=0;if(i.currZoomLevel<=i.zoomLevels.initial){const s=i.pan.y-i.bounds.center.y;if(Math.abs(s)>1){t=s}}this.setCaptionYOffset(i.dynamicCaption.element,t)}this.adjustPanArea(i,i.currZoomLevel)}}));t.on("beforeZoomTo",(i=>{this.adjustPanArea(t.currSlide,i.destZoomLevel)}));t.on("tapAction",(t=>{if(t.originalEvent.target.closest(".pswp__dynamic-caption")){t.preventDefault()}}))}adjustPanArea(t,i){if(t.dynamicCaption&&t.dynamicCaption.adjustedPanAreaSize){if(i>t.zoomLevels.initial){t.panAreaSize.x=t.dynamicCaption.originalPanAreaSize.x;t.panAreaSize.y=t.dynamicCaption.originalPanAreaSize.y}else{t.panAreaSize.x=t.dynamicCaption.adjustedPanAreaSize.x;t.panAreaSize.y=t.dynamicCaption.adjustedPanAreaSize.y}}}useMobileLayout(){const{mobileLayoutBreakpoint:t}=this.options;if(typeof t==="function"){return t.call(this)}else if(typeof t==="number"){if(window.innerWidth<t){return true}}return false}hideCaption(t){if(t.dynamicCaption&&!t.dynamicCaption.hidden){const i=t.dynamicCaption.element;if(!i){return}t.dynamicCaption.hidden=true;i.classList.add("pswp__dynamic-caption--faded");if(t.captionFadeTimeout){clearTimeout(t.captionFadeTimeout)}t.captionFadeTimeout=setTimeout((()=>{i.style.visibility="hidden";delete t.captionFadeTimeout}),400)}}setCaptionYOffset(t,i){t.style.transform=`translateY(${i}px)`}showCaption(t){if(t.dynamicCaption&&t.dynamicCaption.hidden){const i=t.dynamicCaption.element;if(!i){return}t.dynamicCaption.hidden=false;i.style.visibility="visible";clearTimeout(t.captionFadeTimeout);t.captionFadeTimeout=setTimeout((()=>{i.classList.remove("pswp__dynamic-caption--faded");delete t.captionFadeTimeout}),50)}}setCaptionPosition(t,i,s){const e=i<=this.options.horizontalEdgeThreshold;t.classList[e?"add":"remove"]("pswp__dynamic-caption--on-hor-edge");t.style.left=i+"px";t.style.top=s+"px"}setCaptionWidth(t,i){if(!i){t.style.removeProperty("width")}else{t.style.width=i+"px"}}setCaptionType(t,i){const s=t.dataset.pswpCaptionType;if(i!==s){t.classList.add("pswp__dynamic-caption--"+i);t.classList.remove("pswp__dynamic-caption--"+s);t.dataset.pswpCaptionType=i}}updateCaptionPosition(t){if(!t.dynamicCaption||!t.dynamicCaption.type||!t.dynamicCaption.element){return}if(t.dynamicCaption.type==="mobile"){this.setCaptionType(t.dynamicCaption.element,t.dynamicCaption.type);t.dynamicCaption.element.style.removeProperty("left");t.dynamicCaption.element.style.removeProperty("top");this.setCaptionWidth(t.dynamicCaption.element,false);return}const i=t.zoomLevels.initial;const s=Math.ceil(t.width*i);const e=Math.ceil(t.height*i);this.setCaptionType(t.dynamicCaption.element,t.dynamicCaption.type);if(t.dynamicCaption.type==="aside"){this.setCaptionPosition(t.dynamicCaption.element,t.bounds.center.x+s,t.bounds.center.y);this.setCaptionWidth(t.dynamicCaption.element,false)}else if(t.dynamicCaption.type==="below"){this.setCaptionPosition(t.dynamicCaption.element,t.bounds.center.x,t.bounds.center.y+e);this.setCaptionWidth(t.dynamicCaption.element,s)}}onCalcSlideSize(t){const{slide:i}=t;let s;let e;if(!i.dynamicCaption){i.dynamicCaption={element:undefined,type:false,hidden:false};const t=this.getCaptionHTML(i);if(!t){return}i.dynamicCaption.element=document.createElement("div");i.dynamicCaption.element.className="pswp__dynamic-caption pswp__hide-on-close";i.dynamicCaption.element.innerHTML=t;this.pswp.dispatch("dynamicCaptionUpdateHTML",{captionElement:i.dynamicCaption.element,slide:i});i.holderElement.appendChild(i.dynamicCaption.element)}if(!i.dynamicCaption.element){return}this.storeOriginalPanAreaSize(i);i.bounds.update(i.zoomLevels.initial);if(this.useMobileLayout()){i.dynamicCaption.type="mobile";e=true}else{if(this.options.type==="auto"){if(i.bounds.center.x>i.bounds.center.y){i.dynamicCaption.type="aside"}else{i.dynamicCaption.type="below"}}else{i.dynamicCaption.type=this.options.type}}const o=Math.ceil(i.width*i.zoomLevels.initial);const n=Math.ceil(i.height*i.zoomLevels.initial);this.setCaptionType(i.dynamicCaption.element,i.dynamicCaption.type);if(i.dynamicCaption.type==="aside"){this.setCaptionWidth(i.dynamicCaption.element,false);s=this.measureCaptionSize(i.dynamicCaption.element,t.slide);const e=s.x;const n=o+i.bounds.center.x;const a=i.panAreaSize.x-n;if(a<=e){i.panAreaSize.x-=e;this.recalculateZoomLevelAndBounds(i)}}else if(i.dynamicCaption.type==="below"||e){this.setCaptionWidth(i.dynamicCaption.element,e?this.pswp.viewportSize.x:o);s=this.measureCaptionSize(i.dynamicCaption.element,t.slide);const a=s.y;if(this.options.verticallyCenterImage){i.panAreaSize.y-=a;this.recalculateZoomLevelAndBounds(i)}else{const t=n+i.bounds.center.y;const s=i.panAreaSize.y-t;const o=i.panAreaSize.y;if(s<=a){i.panAreaSize.y-=Math.min((a-s)*2,a);this.recalculateZoomLevelAndBounds(i);const t=i.panAreaSize.x*this.options.mobileCaptionOverlapRatio/2;if(e&&i.bounds.center.x>t){i.panAreaSize.y=o;this.recalculateZoomLevelAndBounds(i)}}}}else;this.storeAdjustedPanAreaSize(i);this.updateCaptionPosition(i)}measureCaptionSize(t,i){const s=t.getBoundingClientRect();const e=this.pswp.dispatch("dynamicCaptionMeasureSize",{captionEl:t,slide:i,captionSize:{x:s.width,y:s.height}});return e.captionSize}recalculateZoomLevelAndBounds(t){t.zoomLevels.update(t.width,t.height,t.panAreaSize);t.bounds.update(t.zoomLevels.initial)}storeAdjustedPanAreaSize(t){if(t.dynamicCaption){if(!t.dynamicCaption.adjustedPanAreaSize){t.dynamicCaption.adjustedPanAreaSize={}}t.dynamicCaption.adjustedPanAreaSize.x=t.panAreaSize.x;t.dynamicCaption.adjustedPanAreaSize.y=t.panAreaSize.y}}storeOriginalPanAreaSize(t){if(t.dynamicCaption){if(!t.dynamicCaption.originalPanAreaSize){t.dynamicCaption.originalPanAreaSize={}}t.dynamicCaption.originalPanAreaSize.x=t.panAreaSize.x;t.dynamicCaption.originalPanAreaSize.y=t.panAreaSize.y}}getCaptionHTML(t){if(typeof this.options.captionContent==="function"){return this.options.captionContent.call(this,t)}const i=t.data.element;let s="";if(i){const t=i.querySelector(this.options.captionContent);if(t){s=t.innerHTML}else{const t=i.querySelector("img");if(t){s=t.getAttribute("alt")}}}return s}}var M=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_132_22087)">\n<path d="M12 10.586L16.95 5.63599L18.364 7.04999L13.414 12L18.364 16.95L16.95 18.364L12 13.414L7.04999 18.364L5.63599 16.95L10.586 12L5.63599 7.04999L7.04999 5.63599L12 10.586Z" fill="currentColor"/>\n</g>\n<defs>\n<clipPath id="clip0_132_22087">\n<rect width="24" height="24" fill="white"/>\n</clipPath>\n</defs>\n</svg>\n`;var I=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_132_22123)">\n<path d="M10.828 12L15.778 16.95L14.364 18.364L8 12L14.364 5.63599L15.778 7.04999L10.828 12Z" fill="currentColor"/>\n</g>\n<defs>\n<clipPath id="clip0_132_22123">\n<rect width="24" height="24" fill="white"/>\n</clipPath>\n</defs>\n</svg>\n`;var D=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_132_22127)">\n<path d="M13.1719 12L8.22192 7.04999L9.63592 5.63599L15.9999 12L9.63592 18.364L8.22192 16.95L13.1719 12Z" fill="currentColor"/>\n</g>\n<defs>\n<clipPath id="clip0_132_22127">\n<rect width="24" height="24" fill="white"/>\n</clipPath>\n</defs>\n</svg>\n`;const E=()=>`/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79, 79, 79, 0.4);--pswp-preloader-color-secondary:rgba(255, 255, 255, 0.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:0.125rem;--pswp-error-text-color:var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:0.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:0.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none !important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:0.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);z-index:10;pointer-events:none;}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:3.125rem;height:3.75rem;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:0.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:0.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:0.875rem;left:0.5625rem;width:2rem;height:2rem;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:3.75rem;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none !important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:0.375rem}.pswp__button--arrow{position:absolute;top:0;width:4.6875rem;height:6.25rem;top:50%;margin-top:-3.125rem}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-1.875rem;width:3.75rem;height:3.75rem;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0px}.pswp__button--arrow--next{right:0px}.pswp__button--arrow--next .pswp__icn{left:auto;right:0.875rem;transform:scale(-1, 1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:3.125rem;height:3.75rem;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity 0.2s linear;animation:pswp-clockwise 600ms linear infinite}.pswp__preloader--active .pswp__icn{opacity:0.85}@keyframes pswp-clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pswp__counter{height:1.875rem;margin-top:0.9375rem;margin-inline-start:1.25rem;font-size:0.875rem;line-height:1.875rem;color:var(--pswp-icon-color);text-shadow:0.0625rem 0.0625rem 0.1875rem var(--pswp-icon-color-secondary);opacity:0.85}.pswp--one-slide .pswp__counter{display:none}.pswp__dynamic-caption{color:#fff;position:absolute;width:100%;left:0;top:0;transition:opacity 120ms linear !important;}.pswp-caption-content{display:none}.pswp__dynamic-caption a{color:#fff}.pswp__dynamic-caption--faded{opacity:0 !important}.pswp__dynamic-caption--aside{width:auto;max-width:300px;padding:20px 15px 20px 20px;margin-top:70px}.pswp__dynamic-caption--below{width:auto;max-width:700px;padding:15px 0 0}.pswp__dynamic-caption--on-hor-edge{padding-left:15px;padding-right:15px}.pswp__dynamic-caption--mobile{width:100%;background:rgba(0,0,0,0.5);padding:10px 15px;right:0;bottom:0;top:auto !important;left:0 !important}:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-gallery{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}stzh-gallery[hidden],stzh-gallery[stzh-hidden]{display:none}stzh-gallery::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-gallery *,stzh-gallery *::before,stzh-gallery *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-gallery{}stzh-gallery .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-gallery .stzh-fylingfocus-focused{outline-style:none !important}stzh-gallery .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-gallery{overflow-x:hidden}.stzh-gallery__carousel-actions,.stzh-gallery__actions{transition:opacity 0.1s linear}.stzh-gallery__carousel-actions.is-hidden-during-animation,.stzh-gallery__slide.is-hidden-during-animation .stzh-gallery__actions{opacity:0}.stzh-gallery__actions{padding:var(--stzh-space-xsmall)}.stzh-gallery__list{row-gap:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-gallery__list{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list{row-gap:var(--stzh-space-xxxxlarge)}}.stzh-gallery__list{display:grid;column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-gallery__list{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-gallery__list{grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-gallery__list{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-gallery__list{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxxxlarge)}}.stzh-gallery__list-actions{display:grid}@media screen and (min-width: 600px){.stzh-gallery__list-actions{justify-content:center}}.stzh-gallery{}.stzh-gallery__pswp{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);--pswp-bg:var(--stzh-color-white)}.stzh-gallery__pswp .pswp__icn{fill:var(--stzh-color-primary)}.stzh-gallery__pswp .pswp__top-bar{align-items:flex-start}.stzh-gallery__pswp .pswp__button{opacity:1;width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30);border:0.125rem solid transparent;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color, opacity}@media (forced-colors: active){.stzh-gallery__pswp .pswp__button{transition:none;border-color:ButtonBorder}}@media print{.stzh-gallery__pswp .pswp__button{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.stzh-gallery__pswp .pswp__button:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary40)}@media (forced-colors: active){.stzh-gallery__pswp .pswp__button:hover{forced-color-adjust:none;color:HighlightText;border-color:Highlight;background-color:Highlight}}.stzh-gallery__pswp .pswp__button svg{width:var(--stzh-icon-size);height:var(--stzh-icon-size)}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button svg{width:var(--stzh-icon-size-large);height:var(--stzh-icon-size-large)}}.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-xxlarge)}}.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-xxlarge)}}.stzh-gallery__pswp .pswp__button--close{width:2.75rem;height:2.75rem;color:var(--stzh-color-primary70);background-color:transparent}.stzh-gallery__pswp .pswp__button--close:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}@media (forced-colors: active){.stzh-gallery__pswp .pswp__button--close:hover{color:HighlightText;border-color:Highlight;background-color:Highlight}}.stzh-gallery__pswp .pswp__button--close svg{width:var(--stzh-icon-size-large);height:var(--stzh-icon-size-large)}.stzh-gallery__pswp .pswp__button[disabled]{color:var(--stzh-color-grey80);background-color:var(--stzh-color-grey20)}@media (forced-colors: active){.stzh-gallery__pswp .pswp__button[disabled],.stzh-gallery__pswp .pswp__button[disabled]:hover{color:GrayText;border-color:GrayText;background-color:transparent}}.stzh-gallery__pswp .pswp__button--arrow{margin-top:-1.25rem}.stzh-gallery__pswp .pswp__button--arrow--prev{left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:2rem}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:2.5rem}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:4rem}}@media screen and (min-width: 1600px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:7.875rem}}.stzh-gallery__pswp .pswp__button--arrow--next{right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--arrow--next{right:2rem}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--arrow--next{right:2.5rem}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--arrow--next{right:4rem}}@media screen and (min-width: 1600px){.stzh-gallery__pswp .pswp__button--arrow--next{right:7.875rem}}.stzh-gallery__pswp.pswp--zoomed-in .pswp__button{opacity:0;pointer-events:none}.stzh-gallery__pswp.pswp--one-image .pswp__button--arrow{display:none}.stzh-gallery__pswp .pswp__dynamic-caption{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-gallery__pswp .pswp__dynamic-caption{color:var(--stzh-base-color);overflow:auto;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{max-width:initial;max-height:calc(50vh - 2.75rem - 1rem - 0.5rem);padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{max-height:33.333vh}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-small)}}.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-small)}}.stzh-gallery__pswp .pswp__dynamic-caption--mobile{background:var(--stzh-color-white60op)}.stzh-gallery__pswp .pswp__caption-wrapper{display:flex;flex-direction:column}.stzh-gallery__pswp .pswp__heading-wrapper{display:flow-root}.stzh-gallery__pswp .pswp__caption-counter{float:left;color:var(--stzh-color-secondary60)}.stzh-gallery__pswp .pswp__caption-counter:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-gallery__pswp .pswp__caption-counter,.stzh-gallery__pswp .pswp__caption-heading{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-gallery__pswp .pswp__caption-copyright{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey80)}.stzh-gallery__pswp .pswp__caption-copyright:not(:empty){margin-top:var(--stzh-space-xxsmall)}`;const P="stzh-gallery__pswp";const T="stzh-gallery-open";const O=class{constructor(i){t(this,i);this.ratio="16:9";this.ratioSmall="inherit";this.ratioMedium="inherit";this.ratioLarge="inherit";this.ratioUltra="inherit";this.showItems=6;this.carouselWithTrack=false;this.stepItems=6;this.images=[];this._showMoreLink=false;this.variant="carousel";this.itemElement="stzh-figure";this.carouselDisabled=false;this.carouselAutoplay=false;this.carouselAutoplayTimeout=3e3;this.excludeFirstImage=false;this.openCurrentCarouselSlide=()=>{this.lightbox.loadAndOpen(this.carouselElement.slide)};this.handleMoreClick=()=>{this.showItems=this.stepItems+this.showItems}}async openLightbox(t=0){this.lightbox.loadAndOpen(t)}apploadListener(){if(this.lightbox&&this.lightbox.pswp&&this.lightbox.pswp.isOpen){this.lightbox.pswp.updateSize(true)}}showItemsWatcher(t){this._imagesShown=this._images.slice(0,t);this._showMoreLink=t<this._images.length}imagesWatcher(t){if(typeof t==="string"){this._images=JSON.parse(t)}else{this._images=t}this.showItemsWatcher(this._initialShowItems);const i=this.excludeFirstImage?this._images.slice(1):this._images;this._imagesLightboxDataSource=i.map(((t,s)=>{let e="";const{lightboxHtml:o,heading:n,headingLightbox:a,caption:r,captionLightbox:h,copyright:l,hideCounter:p}=t;if(o!==undefined){e=o}else if(n||r||a||h||l||!p){e=`\n          <div class="pswp__caption-wrapper">\n            <div class="pswp__heading-wrapper">\n              <div class="pswp__caption-counter">${!p?`${s+1}/${i.length}`:""}</div>\n              <div class="pswp__caption-heading">${a||n||""}</div>\n            </div>\n            <div class="pswp__caption">\n              <span class="pswp__caption-text">${h||r||""}</span>\n              <span class="pswp__caption-copyright">${l||""}</span>\n            </div>\n          </div>\n        `}return{w:t.width,h:t.height,msrc:t.src,src:t.srcLightbox||t.src,srcset:t.srcsetLightbox,thumbCropped:true,captionHtml:e}}))}initLightbox(){if(this._imagesLightboxDataSource.length===0){return}this.lightbox=new L({dataSource:this._imagesLightboxDataSource,pswpModule:()=>import("./p-CVshUEXz.js"),arrowPrevSVG:I,arrowNextSVG:D,closeSVG:M,zoom:false,counter:false,loop:false,bgOpacity:1,mainClass:P,closeOnVerticalDrag:false,clickToCloseNonZoomable:false,closeTitle:this.localization.closeTitle,zoomTitle:this.localization.zoomTitle,arrowPrevTitle:this.localization.arrowPrevTitle,arrowNextTitle:this.localization.arrowNextTitle,errorMsg:this.localization.errorMsg,indexIndicatorSep:"/",paddingFn:(t,i,s)=>{let e=16+44+8;let o=16;let n=0;if(window.innerWidth>=1600){e=32+56+20;o=32;n=126+56+56}else if(window.innerWidth>=1260){e=32+56+20;o=32;n=64+56+56}else if(window.innerWidth>=900){e=20+44+20;o=20;n=40+44+20}else if(window.innerWidth>=600){e=16+44+20;o=16;n=32+44+20}return{top:e,bottom:o,left:n,right:n}}});let t;let i;const s=t=>{var i;(i=this.carouselActionsElement)===null||i===void 0?void 0:i.classList.remove("is-hidden-during-animation");t===null||t===void 0?void 0:t.classList.remove("is-hidden-during-animation")};const e=t=>{var i;(i=this.carouselActionsElement)===null||i===void 0?void 0:i.classList.add("is-hidden-during-animation");t===null||t===void 0?void 0:t.classList.add("is-hidden-during-animation")};const o=t=>{t.stopPropagation()};const n=()=>{this.lightbox.pswp.updateSize(true)};const a=Array.from(this.element.querySelectorAll(this.itemElement));this.lightbox.addFilter("itemData",((t,i)=>{t.element=a[i];return t}));this.lightbox.addFilter("thumbEl",((t,i,s)=>{var e;const o=(e=i.element)===null||e===void 0?void 0:e.querySelector("img");if(o){return o}return t}));this.lightbox.addFilter("numItems",(()=>this._imagesLightboxDataSource.length));this.lightbox.on("afterInit",(()=>{t=this.lightbox.pswp.currSlide.data.element;i=this.lightbox.pswp.currSlide.data.element;e(t);if(this._imagesLightboxDataSource.length===1){this.lightbox.pswp.element.classList.add("pswp--one-image")}}));this.lightbox.on("beforeOpen",(()=>{document.body.classList.add(T)}));this.lightbox.on("close",(()=>{document.body.classList.remove(T);if(this.lightbox.pswp.currSlide.data.element){i=this.lightbox.pswp.currSlide.data.element}if(i!==t){s(t);e(i)}}));this.lightbox.on("destroy",(()=>{s(i)}));this.lightbox.on("change",(()=>{var t;(t=this.carouselElement)===null||t===void 0?void 0:t.slideTo(this.lightbox.pswp.currIndex,"auto");if(this.lightbox.pswp.currSlide.dynamicCaption.element!==undefined&&this.lightbox.pswp.currSlide.dynamicCaption.element.innerText.length>0){this.lightbox.pswp.currSlide.dynamicCaption.element.addEventListener("scroll",o);this.lightbox.pswp.currSlide.dynamicCaption.element.addEventListener("wheel",o)}}));this.lightbox.on("bindEvents",(()=>{this.lightbox.pswp.element.addEventListener("stzhClamp",n);this.lightbox.pswp.element.addEventListener("stzhExpand",n);this.lightbox.pswp.element.addEventListener("stzhOpen",n);this.lightbox.pswp.element.addEventListener("stzhOpened",n);this.lightbox.pswp.element.addEventListener("stzhClose",n);this.lightbox.pswp.element.addEventListener("stzhClosed",n)}));new S(this.lightbox,{type:"below",captionContent:t=>t.data.captionHtml,mobileLayoutBreakpoint:()=>window.innerWidth<600,mobileCaptionOverlapRatio:1});this.lightbox.init()}async componentWillLoad(){this._initialShowItems=this.showItems;this.imagesWatcher(this.images);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"gallery")}}async componentWillUpdate(){if(this.lightbox){this.lightbox.destroy();this.lightbox=null}}componentDidRender(){if(!this.lightbox){this.initLightbox()}}disconnectedCallback(){if(this.lightbox){this.lightbox.destroy();this.lightbox=null}}renderFigure(t,s){const e=this._imagesLightboxDataSource.length;return i("stzh-figure",{class:"stzh-gallery__slide",caption:t.caption,heading:t.heading,counter:!t.hideCounter&&!(this.variant==="single"&&this.excludeFirstImage)?`${s+1}/${e}`:""},i("stzh-ratio",{ratio:this.ratio,ratioSmall:this.ratioSmall,ratioMedium:this.ratioMedium,ratioLarge:this.ratioLarge,ratioUltra:this.ratioUltra,onClick:t=>{t.preventDefault();this.openLightbox(s)}},i("img",{loading:"lazy",src:t.src,alt:(t.alt||this.localization.defaultAlt||"").replace(/\{current\}/,(s+1).toString()).replace(/\{total\}/,e.toString())}),(this.variant==="single"||this.variant==="grid"||this.variant==="carousel"&&this._images.length===1)&&i("stzh-hspace",{class:"stzh-gallery__actions",justify:"end",items:"end",size:"xsmall"},i("stzh-button",{variant:"secondary",size:"small",icon:"expand",label:this.localization.openLightbox,"icon-only":true,onClick:()=>{this.openLightbox(s)}}))))}render(){const t={"stzh-gallery":true,[`stzh-gallery--${this.variant}`]:!!this.variant};return i(e,{key:"c56d142664be0738548b0e46b6b543567f04b077"},i("div",{key:"3c0ab047b99cab6dd2ecea1a3d6d377337be11b5",class:t},(this.variant==="single"||this.variant==="carousel"&&this._images.length===1)&&i(s,{key:"bd32e81f9539f3af0aa01631605a830ff9818f74"},this.renderFigure(this._images[0],0)),this.variant==="grid"&&this._images.length>0&&i(s,{key:"f4251ec4308bee280c6f45eb6a441714aca427a3"},i("div",{key:"415dade0b9b3f76cfb06f4d000fe895bf0ef1549",class:"stzh-gallery__list"},this._imagesShown.map(((t,i)=>this.renderFigure(t,i)))),this._showMoreLink&&i("div",{key:"2da9c7017253b2e6fa69306a56d23d8ba9d4c30b",class:"stzh-gallery__list-actions"},i("stzh-button",{key:"a62bec7e9b450f3d1a6d737acdd15a67e6cb433f",variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick}))),this.variant==="carousel"&&this._images.length>1&&i("stzh-carousel",{key:"c5003c9f219997795d26e3de06f137bba44b154e",ref:t=>this.carouselElement=t,disabled:this.carouselDisabled,autoplay:this.carouselAutoplay,autoplayTimeout:this.carouselAutoplayTimeout,withTrack:this.carouselWithTrack,variant:"default"},i("stzh-ratio",{key:"76074495ec624332afc34b833b74ed054fafa24a",ref:t=>this.carouselActionsElement=t,slot:"actions",class:"stzh-gallery__carousel-actions",ratio:this.ratio,ratioSmall:this.ratioSmall,ratioMedium:this.ratioMedium,ratioLarge:this.ratioLarge,ratioUltra:this.ratioUltra},i("div",{key:"031f8edb3058b2e64758bac04f8a632487e4864f"},i("stzh-button",{key:"22c8d76b63c7fbf4bfc0984a2de3e91d02d0e834",class:"stzh-carousel-action-previous","data-stzh-carousel-previous":true,variant:"secondary",size:"small",icon:"angle-left",label:this.localization.arrowPrevTitle,"icon-only":true}),i("stzh-button",{key:"59f83c2c826c624b765301d00ee8d3162336c33e",class:"stzh-carousel-action-next","data-stzh-carousel-next":true,variant:"secondary",size:"small",icon:"angle-right",label:this.localization.arrowNextTitle,"icon-only":true})),i("stzh-hspace",{key:"55601f49dd0c2158c28f0bb4179c891c6363ffaf",justify:"end",items:"end",size:"xsmall"},i("stzh-button",{key:"73a6f3301596f71391a38c108b31b30847dc456b",variant:"secondary",size:"small",icon:"expand","icon-only":true,label:this.localization.openLightbox,onClick:this.openCurrentCarouselSlide}))),this._images.map(((t,i)=>this.renderFigure(t,i)))),i("slot",{key:"c3640afa359e92b6df23eb7c33c16e16606870c3"})))}get element(){return o(this)}static get watchers(){return{showItems:["showItemsWatcher"],images:["imagesWatcher"],excludeFirstImage:["imagesWatcher"]}}};O.style=E();export{O as stzh_gallery};
-//# sourceMappingURL=p-e281a715.entry.js.map
+  */function n(t,i,s){const e=document.createElement(i);if(t){e.className=t}if(s){s.appendChild(e)}return e}function a(t,i,s){let e=`translate3d(${t}px,${0}px,0)`;if(s!==undefined){e+=` scale3d(${s},${s},1)`}return e}function r(t,i,s){t.style.width=typeof i==="number"?`${i}px`:i;t.style.height=typeof s==="number"?`${s}px`:s}const h={IDLE:"idle",LOADING:"loading",LOADED:"loaded",ERROR:"error"};function l(t){return"button"in t&&t.button===1||t.ctrlKey||t.metaKey||t.altKey||t.shiftKey}function p(t,i,s=document){let e=[];if(t instanceof Element){e=[t]}else if(t instanceof NodeList||Array.isArray(t)){e=Array.from(t)}else{const o=typeof t==="string"?t:i;if(o){e=Array.from(s.querySelectorAll(o))}}return e}function c(t){return typeof t==="function"&&t.prototype&&t.prototype.goTo}function d(){return!!(navigator.vendor&&navigator.vendor.match(/apple/i))}class _{constructor(t,i){this.type=t;this.defaultPrevented=false;if(i){Object.assign(this,i)}}preventDefault(){this.defaultPrevented=true}}class f{constructor(){this._listeners={};this._filters={};this.pswp=undefined;this.options=undefined}addFilter(t,i,s=100){var e,o,n;if(!this._filters[t]){this._filters[t]=[]}(e=this._filters[t])===null||e===void 0||e.push({fn:i,priority:s});(o=this._filters[t])===null||o===void 0||o.sort(((t,i)=>t.priority-i.priority));(n=this.pswp)===null||n===void 0||n.addFilter(t,i,s)}removeFilter(t,i){if(this._filters[t]){this._filters[t]=this._filters[t].filter((t=>t.fn!==i))}if(this.pswp){this.pswp.removeFilter(t,i)}}applyFilters(t,...i){var s;(s=this._filters[t])===null||s===void 0||s.forEach((t=>{i[0]=t.fn.apply(this,i)}));return i[0]}on(t,i){var s,e;if(!this._listeners[t]){this._listeners[t]=[]}(s=this._listeners[t])===null||s===void 0||s.push(i);(e=this.pswp)===null||e===void 0||e.on(t,i)}off(t,i){var s;if(this._listeners[t]){this._listeners[t]=this._listeners[t].filter((t=>i!==t))}(s=this.pswp)===null||s===void 0||s.off(t,i)}dispatch(t,i){var s;if(this.pswp){return this.pswp.dispatch(t,i)}const e=new _(t,i);(s=this._listeners[t])===null||s===void 0||s.forEach((t=>{t.call(this,e)}));return e}}class w{constructor(t,i){this.element=n("pswp__img pswp__img--placeholder",t?"img":"div",i);if(t){const i=this.element;i.decoding="async";i.alt="";i.src=t;i.setAttribute("role","presentation")}this.element.setAttribute("aria-hidden","true")}setDisplayedSize(t,i){if(!this.element){return}if(this.element.tagName==="IMG"){r(this.element,250,"auto");this.element.style.transformOrigin="0 0";this.element.style.transform=a(0,0,t/250)}else{r(this.element,t,i)}}destroy(){var t;if((t=this.element)!==null&&t!==void 0&&t.parentNode){this.element.remove()}this.element=null}}class m{constructor(t,i,s){this.instance=i;this.data=t;this.index=s;this.element=undefined;this.placeholder=undefined;this.slide=undefined;this.displayedImageWidth=0;this.displayedImageHeight=0;this.width=Number(this.data.w)||Number(this.data.width)||0;this.height=Number(this.data.h)||Number(this.data.height)||0;this.isAttached=false;this.hasSlide=false;this.isDecoding=false;this.state=h.IDLE;if(this.data.type){this.type=this.data.type}else if(this.data.src){this.type="image"}else{this.type="html"}this.instance.dispatch("contentInit",{content:this})}removePlaceholder(){if(this.placeholder&&!this.keepPlaceholder()){setTimeout((()=>{if(this.placeholder){this.placeholder.destroy();this.placeholder=undefined}}),1e3)}}load(t,i){if(this.slide&&this.usePlaceholder()){if(!this.placeholder){const t=this.instance.applyFilters("placeholderSrc",this.data.msrc&&this.slide.isFirstSlide?this.data.msrc:false,this);this.placeholder=new w(t,this.slide.container)}else{const t=this.placeholder.element;if(t&&!t.parentElement){this.slide.container.prepend(t)}}}if(this.element&&!i){return}if(this.instance.dispatch("contentLoad",{content:this,isLazy:t}).defaultPrevented){return}if(this.isImageContent()){this.element=n("pswp__img","img");if(this.displayedImageWidth){this.loadImage(t)}}else{this.element=n("pswp__content","div");this.element.innerHTML=this.data.html||""}if(i&&this.slide){this.slide.updateContentSize(true)}}loadImage(t){var i,s;if(!this.isImageContent()||!this.element||this.instance.dispatch("contentLoadImage",{content:this,isLazy:t}).defaultPrevented){return}const e=this.element;this.updateSrcsetSizes();if(this.data.srcset){e.srcset=this.data.srcset}e.src=(i=this.data.src)!==null&&i!==void 0?i:"";e.alt=(s=this.data.alt)!==null&&s!==void 0?s:"";this.state=h.LOADING;if(e.complete){this.onLoaded()}else{e.onload=()=>{this.onLoaded()};e.onerror=()=>{this.onError()}}}setSlide(t){this.slide=t;this.hasSlide=true;this.instance=t.pswp}onLoaded(){this.state=h.LOADED;if(this.slide&&this.element){this.instance.dispatch("loadComplete",{slide:this.slide,content:this});if(this.slide.isActive&&this.slide.heavyAppended&&!this.element.parentNode){this.append();this.slide.updateContentSize(true)}if(this.state===h.LOADED||this.state===h.ERROR){this.removePlaceholder()}}}onError(){this.state=h.ERROR;if(this.slide){this.displayError();this.instance.dispatch("loadComplete",{slide:this.slide,isError:true,content:this});this.instance.dispatch("loadError",{slide:this.slide,content:this})}}isLoading(){return this.instance.applyFilters("isContentLoading",this.state===h.LOADING,this)}isError(){return this.state===h.ERROR}isImageContent(){return this.type==="image"}setDisplayedSize(t,i){if(!this.element){return}if(this.placeholder){this.placeholder.setDisplayedSize(t,i)}if(this.instance.dispatch("contentResize",{content:this,width:t,height:i}).defaultPrevented){return}r(this.element,t,i);if(this.isImageContent()&&!this.isError()){const s=!this.displayedImageWidth&&t;this.displayedImageWidth=t;this.displayedImageHeight=i;if(s){this.loadImage(false)}else{this.updateSrcsetSizes()}if(this.slide){this.instance.dispatch("imageSizeChange",{slide:this.slide,width:t,height:i,content:this})}}}isZoomable(){return this.instance.applyFilters("isContentZoomable",this.isImageContent()&&this.state!==h.ERROR,this)}updateSrcsetSizes(){if(!this.isImageContent()||!this.element||!this.data.srcset){return}const t=this.element;const i=this.instance.applyFilters("srcsetSizesWidth",this.displayedImageWidth,this);if(!t.dataset.largestUsedSize||i>parseInt(t.dataset.largestUsedSize,10)){t.sizes=i+"px";t.dataset.largestUsedSize=String(i)}}usePlaceholder(){return this.instance.applyFilters("useContentPlaceholder",this.isImageContent(),this)}lazyLoad(){if(this.instance.dispatch("contentLazyLoad",{content:this}).defaultPrevented){return}this.load(true)}keepPlaceholder(){return this.instance.applyFilters("isKeepingPlaceholder",this.isLoading(),this)}destroy(){this.hasSlide=false;this.slide=undefined;if(this.instance.dispatch("contentDestroy",{content:this}).defaultPrevented){return}this.remove();if(this.placeholder){this.placeholder.destroy();this.placeholder=undefined}if(this.isImageContent()&&this.element){this.element.onload=null;this.element.onerror=null;this.element=undefined}}displayError(){if(this.slide){var t,i;let s=n("pswp__error-msg","div");s.innerText=(t=(i=this.instance.options)===null||i===void 0?void 0:i.errorMsg)!==null&&t!==void 0?t:"";s=this.instance.applyFilters("contentErrorElement",s,this);this.element=n("pswp__content pswp__error-msg-container","div");this.element.appendChild(s);this.slide.container.innerText="";this.slide.container.appendChild(this.element);this.slide.updateContentSize(true);this.removePlaceholder()}}append(){if(this.isAttached||!this.element){return}this.isAttached=true;if(this.state===h.ERROR){this.displayError();return}if(this.instance.dispatch("contentAppend",{content:this}).defaultPrevented){return}const t="decode"in this.element;if(this.isImageContent()){if(t&&this.slide&&(!this.slide.isActive||d())){this.isDecoding=true;this.element.decode().catch((()=>{})).finally((()=>{this.isDecoding=false;this.appendImage()}))}else{this.appendImage()}}else if(this.slide&&!this.element.parentNode){this.slide.container.appendChild(this.element)}}activate(){if(this.instance.dispatch("contentActivate",{content:this}).defaultPrevented||!this.slide){return}if(this.isImageContent()&&this.isDecoding&&!d()){this.appendImage()}else if(this.isError()){this.load(false,true)}if(this.slide.holderElement){this.slide.holderElement.setAttribute("aria-hidden","false")}}deactivate(){this.instance.dispatch("contentDeactivate",{content:this});if(this.slide&&this.slide.holderElement){this.slide.holderElement.setAttribute("aria-hidden","true")}}remove(){this.isAttached=false;if(this.instance.dispatch("contentRemove",{content:this}).defaultPrevented){return}if(this.element&&this.element.parentNode){this.element.remove()}if(this.placeholder&&this.placeholder.element){this.placeholder.element.remove()}}appendImage(){if(!this.isAttached){return}if(this.instance.dispatch("contentAppendImage",{content:this}).defaultPrevented){return}if(this.slide&&this.element&&!this.element.parentNode){this.slide.container.appendChild(this.element)}if(this.state===h.LOADED||this.state===h.ERROR){this.removePlaceholder()}}}function u(t,i){if(t.getViewportSizeFn){const s=t.getViewportSizeFn(t,i);if(s){return s}}return{x:document.documentElement.clientWidth,y:window.innerHeight}}function g(t,i,s,e,o){let n=0;if(i.paddingFn){n=i.paddingFn(s,e,o)[t]}else if(i.padding){n=i.padding[t]}else{const s="padding"+t[0].toUpperCase()+t.slice(1);if(i[s]){n=i[s]}}return Number(n)||0}function y(t,i,s,e){return{x:i.x-g("left",t,i,s,e)-g("right",t,i,s,e),y:i.y-g("top",t,i,s,e)-g("bottom",t,i,s,e)}}const z=4e3;class v{constructor(t,i,s,e){this.pswp=e;this.options=t;this.itemData=i;this.index=s;this.panAreaSize=null;this.elementSize=null;this.fit=1;this.fill=1;this.vFill=1;this.initial=1;this.secondary=1;this.max=1;this.min=1}update(t,i,s){const e={x:t,y:i};this.elementSize=e;this.panAreaSize=s;const o=s.x/e.x;const n=s.y/e.y;this.fit=Math.min(1,o<n?o:n);this.fill=Math.min(1,o>n?o:n);this.vFill=Math.min(1,n);this.initial=this._getInitial();this.secondary=this._getSecondary();this.max=Math.max(this.initial,this.secondary,this._getMax());this.min=Math.min(this.fit,this.initial,this.secondary);if(this.pswp){this.pswp.dispatch("zoomLevelsUpdate",{zoomLevels:this,slideData:this.itemData})}}_parseZoomLevelOption(t){const i=t+"ZoomLevel";const s=this.options[i];if(!s){return}if(typeof s==="function"){return s(this)}if(s==="fill"){return this.fill}if(s==="fit"){return this.fit}return Number(s)}_getSecondary(){let t=this._parseZoomLevelOption("secondary");if(t){return t}t=Math.min(1,this.fit*3);if(this.elementSize&&t*this.elementSize.x>z){t=z/this.elementSize.x}return t}_getInitial(){return this._parseZoomLevelOption("initial")||this.fit}_getMax(){return this._parseZoomLevelOption("max")||Math.max(1,this.fit*4)}}function b(t,i,s){const e=i.createContentFromData(t,s);let o;const{options:n}=i;if(n){o=new v(n,t,-1);let a;if(i.pswp){a=i.pswp.viewportSize}else{a=u(n,i)}const r=y(n,a,t,s);o.update(e.width,e.height,r)}e.lazyLoad();if(o){e.setDisplayedSize(Math.ceil(e.width*o.initial),Math.ceil(e.height*o.initial))}return e}function x(t,i){const s=i.getItemData(t);if(i.dispatch("lazyLoadSlide",{index:t,itemData:s}).defaultPrevented){return}return b(s,i,t)}class k extends f{getNumItems(){var t;let i=0;const s=(t=this.options)===null||t===void 0?void 0:t.dataSource;if(s&&"length"in s){i=s.length}else if(s&&"gallery"in s){if(!s.items){s.items=this._getGalleryDOMElements(s.gallery)}if(s.items){i=s.items.length}}const e=this.dispatch("numItems",{dataSource:s,numItems:i});return this.applyFilters("numItems",e.numItems,s)}createContentFromData(t,i){return new m(t,this,i)}getItemData(t){var i;const s=(i=this.options)===null||i===void 0?void 0:i.dataSource;let e={};if(Array.isArray(s)){e=s[t]}else if(s&&"gallery"in s){if(!s.items){s.items=this._getGalleryDOMElements(s.gallery)}e=s.items[t]}let o=e;if(o instanceof Element){o=this._domElementToItemData(o)}const n=this.dispatch("itemData",{itemData:o||{},index:t});return this.applyFilters("itemData",n.itemData,t)}_getGalleryDOMElements(t){var i,s;if((i=this.options)!==null&&i!==void 0&&i.children||(s=this.options)!==null&&s!==void 0&&s.childSelector){return p(this.options.children,this.options.childSelector,t)||[]}return[t]}_domElementToItemData(t){const i={element:t};const s=t.tagName==="A"?t:t.querySelector("a");if(s){i.src=s.dataset.pswpSrc||s.href;if(s.dataset.pswpSrcset){i.srcset=s.dataset.pswpSrcset}i.width=s.dataset.pswpWidth?parseInt(s.dataset.pswpWidth,10):0;i.height=s.dataset.pswpHeight?parseInt(s.dataset.pswpHeight,10):0;i.w=i.width;i.h=i.height;if(s.dataset.pswpType){i.type=s.dataset.pswpType}const o=t.querySelector("img");if(o){var e;i.msrc=o.currentSrc||o.src;i.alt=(e=o.getAttribute("alt"))!==null&&e!==void 0?e:""}if(s.dataset.pswpCropped||s.dataset.cropped){i.thumbCropped=true}}return this.applyFilters("domItemData",i,t,s)}lazyLoadData(t,i){return b(t,this,i)}}class L extends k{constructor(t){super();this.options=t||{};this._uid=0;this.shouldOpen=false;this._preloadedContent=undefined;this.onThumbnailsClick=this.onThumbnailsClick.bind(this)}init(){p(this.options.gallery,this.options.gallerySelector).forEach((t=>{t.addEventListener("click",this.onThumbnailsClick,false)}))}onThumbnailsClick(t){if(l(t)||window.pswp){return}let i={x:t.clientX,y:t.clientY};if(!i.x&&!i.y){i=null}let s=this.getClickedIndex(t);s=this.applyFilters("clickedIndex",s,t,this);const e={gallery:t.currentTarget};if(s>=0){t.preventDefault();this.loadAndOpen(s,e,i)}}getClickedIndex(t){if(this.options.getClickedIndexFn){return this.options.getClickedIndexFn.call(this,t)}const i=t.target;const s=p(this.options.children,this.options.childSelector,t.currentTarget);const e=s.findIndex((t=>t===i||t.contains(i)));if(e!==-1){return e}else if(this.options.children||this.options.childSelector){return-1}return 0}loadAndOpen(t,i,s){if(window.pswp||!this.options){return false}if(!i&&this.options.gallery&&this.options.children){const t=p(this.options.gallery);if(t[0]){i={gallery:t[0]}}}this.options.index=t;this.options.initialPointerPos=s;this.shouldOpen=true;this.preload(t,i);return true}preload(t,i){const{options:s}=this;if(i){s.dataSource=i}const e=[];const o=typeof s.pswpModule;if(c(s.pswpModule)){e.push(Promise.resolve(s.pswpModule))}else if(o==="string"){throw new Error("pswpModule as string is no longer supported")}else if(o==="function"){e.push(s.pswpModule())}else{throw new Error("pswpModule is not valid")}if(typeof s.openPromise==="function"){e.push(s.openPromise())}if(s.preloadFirstSlide!==false&&t>=0){this._preloadedContent=x(t,this)}const n=++this._uid;Promise.all(e).then((t=>{if(this.shouldOpen){const i=t[0];this._openPhotoswipe(i,n)}}))}_openPhotoswipe(t,i){if(i!==this._uid&&this.shouldOpen){return}this.shouldOpen=false;if(window.pswp){return}const s=typeof t==="object"?new t.default(this.options):new t(this.options);this.pswp=s;window.pswp=s;Object.keys(this._listeners).forEach((t=>{var i;(i=this._listeners[t])===null||i===void 0||i.forEach((i=>{s.on(t,i)}))}));Object.keys(this._filters).forEach((t=>{var i;(i=this._filters[t])===null||i===void 0||i.forEach((i=>{s.addFilter(t,i.fn,i.priority)}))}));if(this._preloadedContent){s.contentLoader.addToCache(this._preloadedContent);this._preloadedContent=undefined}s.on("destroy",(()=>{this.pswp=undefined;delete window.pswp}));s.init()}destroy(){var t;(t=this.pswp)===null||t===void 0||t.destroy();this.shouldOpen=false;this._listeners={};p(this.options.gallery,this.options.gallerySelector).forEach((t=>{t.removeEventListener("click",this.onThumbnailsClick,false)}))}}const C={captionContent:".pswp-caption-content",type:"auto",horizontalEdgeThreshold:20,mobileCaptionOverlapRatio:.3,mobileLayoutBreakpoint:600,verticallyCenterImage:false};class M{constructor(t,i){this.options={...C,...i};this.lightbox=t;this.lightbox.on("init",(()=>{this.pswp=this.lightbox.pswp;this.initCaption()}))}initCaption(){const{pswp:t}=this;t.on("change",(()=>{this.showCaption(this.pswp.currSlide)}));t.on("calcSlideSize",(t=>this.onCalcSlideSize(t)));t.on("slideDestroy",(t=>{if(t.slide.dynamicCaption){if(t.slide.dynamicCaption.element){t.slide.dynamicCaption.element.remove()}delete t.slide.dynamicCaption}}));t.on("zoomPanUpdate",(({slide:i})=>{if(t.opener.isOpen&&i.dynamicCaption){if(i.currZoomLevel>i.zoomLevels.initial){this.hideCaption(i)}else{this.showCaption(i)}if(i.dynamicCaption.element){let t=0;if(i.currZoomLevel<=i.zoomLevels.initial){const s=i.pan.y-i.bounds.center.y;if(Math.abs(s)>1){t=s}}this.setCaptionYOffset(i.dynamicCaption.element,t)}this.adjustPanArea(i,i.currZoomLevel)}}));t.on("beforeZoomTo",(i=>{this.adjustPanArea(t.currSlide,i.destZoomLevel)}));t.on("tapAction",(t=>{if(t.originalEvent.target.closest(".pswp__dynamic-caption")){t.preventDefault()}}))}adjustPanArea(t,i){if(t.dynamicCaption&&t.dynamicCaption.adjustedPanAreaSize){if(i>t.zoomLevels.initial){t.panAreaSize.x=t.dynamicCaption.originalPanAreaSize.x;t.panAreaSize.y=t.dynamicCaption.originalPanAreaSize.y}else{t.panAreaSize.x=t.dynamicCaption.adjustedPanAreaSize.x;t.panAreaSize.y=t.dynamicCaption.adjustedPanAreaSize.y}}}useMobileLayout(){const{mobileLayoutBreakpoint:t}=this.options;if(typeof t==="function"){return t.call(this)}else if(typeof t==="number"){if(window.innerWidth<t){return true}}return false}hideCaption(t){if(t.dynamicCaption&&!t.dynamicCaption.hidden){const i=t.dynamicCaption.element;if(!i){return}t.dynamicCaption.hidden=true;i.classList.add("pswp__dynamic-caption--faded");if(t.captionFadeTimeout){clearTimeout(t.captionFadeTimeout)}t.captionFadeTimeout=setTimeout((()=>{i.style.visibility="hidden";delete t.captionFadeTimeout}),400)}}setCaptionYOffset(t,i){t.style.transform=`translateY(${i}px)`}showCaption(t){if(t.dynamicCaption&&t.dynamicCaption.hidden){const i=t.dynamicCaption.element;if(!i){return}t.dynamicCaption.hidden=false;i.style.visibility="visible";clearTimeout(t.captionFadeTimeout);t.captionFadeTimeout=setTimeout((()=>{i.classList.remove("pswp__dynamic-caption--faded");delete t.captionFadeTimeout}),50)}}setCaptionPosition(t,i,s){const e=i<=this.options.horizontalEdgeThreshold;t.classList[e?"add":"remove"]("pswp__dynamic-caption--on-hor-edge");t.style.left=i+"px";t.style.top=s+"px"}setCaptionWidth(t,i){if(!i){t.style.removeProperty("width")}else{t.style.width=i+"px"}}setCaptionType(t,i){const s=t.dataset.pswpCaptionType;if(i!==s){t.classList.add("pswp__dynamic-caption--"+i);t.classList.remove("pswp__dynamic-caption--"+s);t.dataset.pswpCaptionType=i}}updateCaptionPosition(t){if(!t.dynamicCaption||!t.dynamicCaption.type||!t.dynamicCaption.element){return}if(t.dynamicCaption.type==="mobile"){this.setCaptionType(t.dynamicCaption.element,t.dynamicCaption.type);t.dynamicCaption.element.style.removeProperty("left");t.dynamicCaption.element.style.removeProperty("top");this.setCaptionWidth(t.dynamicCaption.element,false);return}const i=t.zoomLevels.initial;const s=Math.ceil(t.width*i);const e=Math.ceil(t.height*i);this.setCaptionType(t.dynamicCaption.element,t.dynamicCaption.type);if(t.dynamicCaption.type==="aside"){this.setCaptionPosition(t.dynamicCaption.element,t.bounds.center.x+s,t.bounds.center.y);this.setCaptionWidth(t.dynamicCaption.element,false)}else if(t.dynamicCaption.type==="below"){this.setCaptionPosition(t.dynamicCaption.element,t.bounds.center.x,t.bounds.center.y+e);this.setCaptionWidth(t.dynamicCaption.element,s)}}onCalcSlideSize(t){const{slide:i}=t;let s;let e;if(!i.dynamicCaption){i.dynamicCaption={element:undefined,type:false,hidden:false};const t=this.getCaptionHTML(i);if(!t){return}i.dynamicCaption.element=document.createElement("div");i.dynamicCaption.element.className="pswp__dynamic-caption pswp__hide-on-close";i.dynamicCaption.element.innerHTML=t;this.pswp.dispatch("dynamicCaptionUpdateHTML",{captionElement:i.dynamicCaption.element,slide:i});i.holderElement.appendChild(i.dynamicCaption.element)}if(!i.dynamicCaption.element){return}this.storeOriginalPanAreaSize(i);i.bounds.update(i.zoomLevels.initial);if(this.useMobileLayout()){i.dynamicCaption.type="mobile";e=true}else{if(this.options.type==="auto"){if(i.bounds.center.x>i.bounds.center.y){i.dynamicCaption.type="aside"}else{i.dynamicCaption.type="below"}}else{i.dynamicCaption.type=this.options.type}}const o=Math.ceil(i.width*i.zoomLevels.initial);const n=Math.ceil(i.height*i.zoomLevels.initial);this.setCaptionType(i.dynamicCaption.element,i.dynamicCaption.type);if(i.dynamicCaption.type==="aside"){this.setCaptionWidth(i.dynamicCaption.element,false);s=this.measureCaptionSize(i.dynamicCaption.element,t.slide);const e=s.x;const n=o+i.bounds.center.x;const a=i.panAreaSize.x-n;if(a<=e){i.panAreaSize.x-=e;this.recalculateZoomLevelAndBounds(i)}}else if(i.dynamicCaption.type==="below"||e){this.setCaptionWidth(i.dynamicCaption.element,e?this.pswp.viewportSize.x:o);s=this.measureCaptionSize(i.dynamicCaption.element,t.slide);const a=s.y;if(this.options.verticallyCenterImage){i.panAreaSize.y-=a;this.recalculateZoomLevelAndBounds(i)}else{const t=n+i.bounds.center.y;const s=i.panAreaSize.y-t;const o=i.panAreaSize.y;if(s<=a){i.panAreaSize.y-=Math.min((a-s)*2,a);this.recalculateZoomLevelAndBounds(i);const t=i.panAreaSize.x*this.options.mobileCaptionOverlapRatio/2;if(e&&i.bounds.center.x>t){i.panAreaSize.y=o;this.recalculateZoomLevelAndBounds(i)}}}}else;this.storeAdjustedPanAreaSize(i);this.updateCaptionPosition(i)}measureCaptionSize(t,i){const s=t.getBoundingClientRect();const e=this.pswp.dispatch("dynamicCaptionMeasureSize",{captionEl:t,slide:i,captionSize:{x:s.width,y:s.height}});return e.captionSize}recalculateZoomLevelAndBounds(t){t.zoomLevels.update(t.width,t.height,t.panAreaSize);t.bounds.update(t.zoomLevels.initial)}storeAdjustedPanAreaSize(t){if(t.dynamicCaption){if(!t.dynamicCaption.adjustedPanAreaSize){t.dynamicCaption.adjustedPanAreaSize={}}t.dynamicCaption.adjustedPanAreaSize.x=t.panAreaSize.x;t.dynamicCaption.adjustedPanAreaSize.y=t.panAreaSize.y}}storeOriginalPanAreaSize(t){if(t.dynamicCaption){if(!t.dynamicCaption.originalPanAreaSize){t.dynamicCaption.originalPanAreaSize={}}t.dynamicCaption.originalPanAreaSize.x=t.panAreaSize.x;t.dynamicCaption.originalPanAreaSize.y=t.panAreaSize.y}}getCaptionHTML(t){if(typeof this.options.captionContent==="function"){return this.options.captionContent.call(this,t)}const i=t.data.element;let s="";if(i){const t=i.querySelector(this.options.captionContent);if(t){s=t.innerHTML}else{const t=i.querySelector("img");if(t){s=t.getAttribute("alt")}}}return s}}var S=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_132_22087)">\n<path d="M12 10.586L16.95 5.63599L18.364 7.04999L13.414 12L18.364 16.95L16.95 18.364L12 13.414L7.04999 18.364L5.63599 16.95L10.586 12L5.63599 7.04999L7.04999 5.63599L12 10.586Z" fill="currentColor"/>\n</g>\n<defs>\n<clipPath id="clip0_132_22087">\n<rect width="24" height="24" fill="white"/>\n</clipPath>\n</defs>\n</svg>\n`;var I=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_132_22123)">\n<path d="M10.828 12L15.778 16.95L14.364 18.364L8 12L14.364 5.63599L15.778 7.04999L10.828 12Z" fill="currentColor"/>\n</g>\n<defs>\n<clipPath id="clip0_132_22123">\n<rect width="24" height="24" fill="white"/>\n</clipPath>\n</defs>\n</svg>\n`;var D=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g clip-path="url(#clip0_132_22127)">\n<path d="M13.1719 12L8.22192 7.04999L9.63592 5.63599L15.9999 12L9.63592 18.364L8.22192 16.95L13.1719 12Z" fill="currentColor"/>\n</g>\n<defs>\n<clipPath id="clip0_132_22127">\n<rect width="24" height="24" fill="white"/>\n</clipPath>\n</defs>\n</svg>\n`;const E=()=>`/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79, 79, 79, 0.4);--pswp-preloader-color-secondary:rgba(255, 255, 255, 0.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:0.125rem;--pswp-error-text-color:var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:0.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:0.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none !important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:0.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);z-index:10;pointer-events:none;}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:3.125rem;height:3.75rem;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:0.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:0.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:0.875rem;left:0.5625rem;width:2rem;height:2rem;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:3.75rem;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none !important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:0.375rem}.pswp__button--arrow{position:absolute;top:0;width:4.6875rem;height:6.25rem;top:50%;margin-top:-3.125rem}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-1.875rem;width:3.75rem;height:3.75rem;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0px}.pswp__button--arrow--next{right:0px}.pswp__button--arrow--next .pswp__icn{left:auto;right:0.875rem;transform:scale(-1, 1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:3.125rem;height:3.75rem;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity 0.2s linear;animation:pswp-clockwise 600ms linear infinite}.pswp__preloader--active .pswp__icn{opacity:0.85}@keyframes pswp-clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pswp__counter{height:1.875rem;margin-top:0.9375rem;margin-inline-start:1.25rem;font-size:0.875rem;line-height:1.875rem;color:var(--pswp-icon-color);text-shadow:0.0625rem 0.0625rem 0.1875rem var(--pswp-icon-color-secondary);opacity:0.85}.pswp--one-slide .pswp__counter{display:none}.pswp__dynamic-caption{color:#fff;position:absolute;width:100%;left:0;top:0;transition:opacity 120ms linear !important;}.pswp-caption-content{display:none}.pswp__dynamic-caption a{color:#fff}.pswp__dynamic-caption--faded{opacity:0 !important}.pswp__dynamic-caption--aside{width:auto;max-width:300px;padding:20px 15px 20px 20px;margin-top:70px}.pswp__dynamic-caption--below{width:auto;max-width:700px;padding:15px 0 0}.pswp__dynamic-caption--on-hor-edge{padding-left:15px;padding-right:15px}.pswp__dynamic-caption--mobile{width:100%;background:rgba(0,0,0,0.5);padding:10px 15px;right:0;bottom:0;top:auto !important;left:0 !important}:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-gallery{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}stzh-gallery[hidden],stzh-gallery[stzh-hidden]{display:none}stzh-gallery::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-gallery *,stzh-gallery *::before,stzh-gallery *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-gallery{}stzh-gallery .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-gallery .stzh-fylingfocus-focused{outline-style:none !important}stzh-gallery .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-gallery{overflow-x:hidden}.stzh-gallery__carousel-actions,.stzh-gallery__actions{transition:opacity 0.1s linear}.stzh-gallery__carousel-actions.is-hidden-during-animation,.stzh-gallery__slide.is-hidden-during-animation .stzh-gallery__actions{opacity:0}.stzh-gallery__actions{padding:var(--stzh-space-xsmall)}.stzh-gallery__list{row-gap:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-gallery__list{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list{row-gap:var(--stzh-space-xxxxlarge)}}.stzh-gallery__list{display:grid;column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-gallery__list{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-gallery__list{grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-gallery__list{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-gallery__list{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__list-actions{margin-top:var(--stzh-space-xxxxlarge)}}.stzh-gallery__list-actions{display:grid}@media screen and (min-width: 600px){.stzh-gallery__list-actions{justify-content:center}}.stzh-gallery{}.stzh-gallery__pswp{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);--pswp-bg:var(--stzh-color-white)}.stzh-gallery__pswp .pswp__icn{fill:var(--stzh-color-primary)}.stzh-gallery__pswp .pswp__top-bar{align-items:flex-start}.stzh-gallery__pswp .pswp__button{opacity:1;width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30);border:0.125rem solid transparent;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color, opacity}@media (forced-colors: active){.stzh-gallery__pswp .pswp__button{transition:none;border-color:ButtonBorder}}@media print{.stzh-gallery__pswp .pswp__button{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.stzh-gallery__pswp .pswp__button:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary40)}@media (forced-colors: active){.stzh-gallery__pswp .pswp__button:hover{forced-color-adjust:none;color:HighlightText;border-color:Highlight;background-color:Highlight}}.stzh-gallery__pswp .pswp__button svg{width:var(--stzh-icon-size);height:var(--stzh-icon-size)}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button svg{width:var(--stzh-icon-size-large);height:var(--stzh-icon-size-large)}}.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--close{margin-top:var(--stzh-space-xxlarge)}}.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--close{margin-right:var(--stzh-space-xxlarge)}}.stzh-gallery__pswp .pswp__button--close{width:2.75rem;height:2.75rem;color:var(--stzh-color-primary70);background-color:transparent}.stzh-gallery__pswp .pswp__button--close:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}@media (forced-colors: active){.stzh-gallery__pswp .pswp__button--close:hover{color:HighlightText;border-color:Highlight;background-color:Highlight}}.stzh-gallery__pswp .pswp__button--close svg{width:var(--stzh-icon-size-large);height:var(--stzh-icon-size-large)}.stzh-gallery__pswp .pswp__button[disabled]{color:var(--stzh-color-grey80);background-color:var(--stzh-color-grey20)}@media (forced-colors: active){.stzh-gallery__pswp .pswp__button[disabled],.stzh-gallery__pswp .pswp__button[disabled]:hover{color:GrayText;border-color:GrayText;background-color:transparent}}.stzh-gallery__pswp .pswp__button--arrow{margin-top:-1.25rem}.stzh-gallery__pswp .pswp__button--arrow--prev{left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:2rem}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:2.5rem}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:4rem}}@media screen and (min-width: 1600px){.stzh-gallery__pswp .pswp__button--arrow--prev{left:7.875rem}}.stzh-gallery__pswp .pswp__button--arrow--next{right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__button--arrow--next{right:2rem}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__button--arrow--next{right:2.5rem}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__button--arrow--next{right:4rem}}@media screen and (min-width: 1600px){.stzh-gallery__pswp .pswp__button--arrow--next{right:7.875rem}}.stzh-gallery__pswp.pswp--zoomed-in .pswp__button{opacity:0;pointer-events:none}.stzh-gallery__pswp.pswp--one-image .pswp__button--arrow{display:none}.stzh-gallery__pswp .pswp__dynamic-caption{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-gallery__pswp .pswp__dynamic-caption{color:var(--stzh-base-color);overflow:auto;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{max-width:initial;max-height:calc(50vh - 2.75rem - 1rem - 0.5rem);padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 600px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{max-height:33.333vh}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--below,.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-left:var(--stzh-space-small)}}.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-gallery__pswp .pswp__dynamic-caption--mobile{padding-right:var(--stzh-space-small)}}.stzh-gallery__pswp .pswp__dynamic-caption--mobile{background:var(--stzh-color-white60op)}.stzh-gallery__pswp .pswp__caption-wrapper{display:flex;flex-direction:column}.stzh-gallery__pswp .pswp__heading-wrapper{display:flow-root}.stzh-gallery__pswp .pswp__caption-counter{float:left;color:var(--stzh-color-secondary60)}.stzh-gallery__pswp .pswp__caption-counter:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-gallery__pswp .pswp__caption-counter,.stzh-gallery__pswp .pswp__caption-heading{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-gallery__pswp .pswp__caption-copyright{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey80)}.stzh-gallery__pswp .pswp__caption-copyright:not(:empty){margin-top:var(--stzh-space-xxsmall)}`;const P="stzh-gallery__pswp";const T="stzh-gallery-open";const O=class{constructor(i){t(this,i);this.ratio="16:9";this.ratioSmall="inherit";this.ratioMedium="inherit";this.ratioLarge="inherit";this.ratioUltra="inherit";this.showItems=6;this.carouselWithTrack=false;this.stepItems=6;this.images=[];this._showMoreLink=false;this.variant="carousel";this.itemElement="stzh-figure";this.carouselDisabled=false;this.carouselAutoplay=false;this.carouselAutoplayTimeout=3e3;this.excludeFirstImage=false;this.openCurrentCarouselSlide=()=>{this.lightbox.loadAndOpen(this.carouselElement.slide)};this.handleMoreClick=()=>{this.showItems=this.stepItems+this.showItems}}async openLightbox(t=0){this.lightbox.loadAndOpen(t)}apploadListener(){if(this.lightbox&&this.lightbox.pswp&&this.lightbox.pswp.isOpen){this.lightbox.pswp.updateSize(true)}}showItemsWatcher(t){this._imagesShown=this._images.slice(0,t);this._showMoreLink=t<this._images.length}imagesWatcher(t){if(typeof t==="string"){this._images=JSON.parse(t)}else{this._images=t}this.showItemsWatcher(this._initialShowItems);const i=this.excludeFirstImage?this._images.slice(1):this._images;this._imagesLightboxDataSource=i.map(((t,s)=>{let e="";const{lightboxHtml:o,heading:n,headingLightbox:a,caption:r,captionLightbox:h,copyright:l,hideCounter:p}=t;if(o!==undefined){e=o}else if(n||r||a||h||l||!p){e=`\n          <div class="pswp__caption-wrapper">\n            <div class="pswp__heading-wrapper">\n              <div class="pswp__caption-counter">${!p?`${s+1}/${i.length}`:""}</div>\n              <div class="pswp__caption-heading">${a||n||""}</div>\n            </div>\n            <div class="pswp__caption">\n              <span class="pswp__caption-text">${h||r||""}</span>\n              <span class="pswp__caption-copyright">${l||""}</span>\n            </div>\n          </div>\n        `}return{w:t.width,h:t.height,msrc:t.src,src:t.srcLightbox||t.src,srcset:t.srcsetLightbox,thumbCropped:true,captionHtml:e}}))}initLightbox(){if(this._imagesLightboxDataSource.length===0){return}this.lightbox=new L({dataSource:this._imagesLightboxDataSource,pswpModule:()=>import("./p-CVshUEXz.js"),arrowPrevSVG:I,arrowNextSVG:D,closeSVG:S,zoom:false,counter:false,loop:false,bgOpacity:1,mainClass:P,closeOnVerticalDrag:false,clickToCloseNonZoomable:false,closeTitle:this.localization.closeTitle,zoomTitle:this.localization.zoomTitle,arrowPrevTitle:this.localization.arrowPrevTitle,arrowNextTitle:this.localization.arrowNextTitle,errorMsg:this.localization.errorMsg,indexIndicatorSep:"/",paddingFn:(t,i,s)=>{let e=16+44+8;let o=16;let n=0;if(window.innerWidth>=1600){e=32+56+20;o=32;n=126+56+56}else if(window.innerWidth>=1260){e=32+56+20;o=32;n=64+56+56}else if(window.innerWidth>=900){e=20+44+20;o=20;n=40+44+20}else if(window.innerWidth>=600){e=16+44+20;o=16;n=32+44+20}return{top:e,bottom:o,left:n,right:n}}});let t;let i;const s=t=>{var i;(i=this.carouselActionsElement)===null||i===void 0?void 0:i.classList.remove("is-hidden-during-animation");t===null||t===void 0?void 0:t.classList.remove("is-hidden-during-animation")};const e=t=>{var i;(i=this.carouselActionsElement)===null||i===void 0?void 0:i.classList.add("is-hidden-during-animation");t===null||t===void 0?void 0:t.classList.add("is-hidden-during-animation")};const o=t=>{t.stopPropagation()};const n=()=>{this.lightbox.pswp.updateSize(true)};const a=Array.from(this.element.querySelectorAll(this.itemElement));this.lightbox.addFilter("itemData",((t,i)=>{t.element=a[i];return t}));this.lightbox.addFilter("thumbEl",((t,i,s)=>{var e;const o=(e=i.element)===null||e===void 0?void 0:e.querySelector("img");if(o){return o}return t}));this.lightbox.addFilter("numItems",(()=>this._imagesLightboxDataSource.length));this.lightbox.on("afterInit",(()=>{t=this.lightbox.pswp.currSlide.data.element;i=this.lightbox.pswp.currSlide.data.element;e(t);if(this._imagesLightboxDataSource.length===1){this.lightbox.pswp.element.classList.add("pswp--one-image")}}));this.lightbox.on("beforeOpen",(()=>{document.body.classList.add(T)}));this.lightbox.on("close",(()=>{document.body.classList.remove(T);if(this.lightbox.pswp.currSlide.data.element){i=this.lightbox.pswp.currSlide.data.element}if(i!==t){s(t);e(i)}}));this.lightbox.on("destroy",(()=>{s(i)}));this.lightbox.on("change",(()=>{var t;(t=this.carouselElement)===null||t===void 0?void 0:t.slideTo(this.lightbox.pswp.currIndex,"auto");if(this.lightbox.pswp.currSlide.dynamicCaption.element!==undefined&&this.lightbox.pswp.currSlide.dynamicCaption.element.innerText.length>0){this.lightbox.pswp.currSlide.dynamicCaption.element.addEventListener("scroll",o);this.lightbox.pswp.currSlide.dynamicCaption.element.addEventListener("wheel",o)}}));this.lightbox.on("bindEvents",(()=>{this.lightbox.pswp.element.addEventListener("stzhClamp",n);this.lightbox.pswp.element.addEventListener("stzhExpand",n);this.lightbox.pswp.element.addEventListener("stzhOpen",n);this.lightbox.pswp.element.addEventListener("stzhOpened",n);this.lightbox.pswp.element.addEventListener("stzhClose",n);this.lightbox.pswp.element.addEventListener("stzhClosed",n)}));new M(this.lightbox,{type:"below",captionContent:t=>t.data.captionHtml,mobileLayoutBreakpoint:()=>window.innerWidth<600,mobileCaptionOverlapRatio:1});this.lightbox.init()}async componentWillLoad(){this._initialShowItems=this.showItems;this.imagesWatcher(this.images);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"gallery")}}async componentWillUpdate(){if(this.lightbox){this.lightbox.destroy();this.lightbox=null}}componentDidRender(){if(!this.lightbox){this.initLightbox()}}disconnectedCallback(){if(this.lightbox){this.lightbox.destroy();this.lightbox=null}}renderFigure(t,s){const e=this._imagesLightboxDataSource.length;return i("stzh-figure",{class:"stzh-gallery__slide",caption:t.caption,heading:t.heading,counter:!t.hideCounter&&!(this.variant==="single"&&this.excludeFirstImage)?`${s+1}/${e}`:""},i("stzh-ratio",{ratio:this.ratio,ratioSmall:this.ratioSmall,ratioMedium:this.ratioMedium,ratioLarge:this.ratioLarge,ratioUltra:this.ratioUltra,onClick:t=>{t.preventDefault();this.openLightbox(s)}},i("img",{loading:"lazy",src:t.src,alt:(t.alt||this.localization.defaultAlt||"").replace(/\{current\}/,(s+1).toString()).replace(/\{total\}/,e.toString())}),(this.variant==="single"||this.variant==="grid"||this.variant==="carousel"&&this._images.length===1)&&i("stzh-hspace",{class:"stzh-gallery__actions",justify:"end",items:"end",size:"xsmall"},i("stzh-button",{variant:"secondary",size:"small",icon:"expand",label:this.localization.openLightbox,"icon-only":true,onClick:()=>{this.openLightbox(s)}}))))}render(){const t={"stzh-gallery":true,[`stzh-gallery--${this.variant}`]:!!this.variant};return i(e,{key:"c56d142664be0738548b0e46b6b543567f04b077"},i("div",{key:"3c0ab047b99cab6dd2ecea1a3d6d377337be11b5",class:t},(this.variant==="single"||this.variant==="carousel"&&this._images.length===1)&&i(s,{key:"bd32e81f9539f3af0aa01631605a830ff9818f74"},this.renderFigure(this._images[0],0)),this.variant==="grid"&&this._images.length>0&&i(s,{key:"f4251ec4308bee280c6f45eb6a441714aca427a3"},i("div",{key:"415dade0b9b3f76cfb06f4d000fe895bf0ef1549",class:"stzh-gallery__list"},this._imagesShown.map(((t,i)=>this.renderFigure(t,i)))),this._showMoreLink&&i("div",{key:"2da9c7017253b2e6fa69306a56d23d8ba9d4c30b",class:"stzh-gallery__list-actions"},i("stzh-button",{key:"a62bec7e9b450f3d1a6d737acdd15a67e6cb433f",variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick}))),this.variant==="carousel"&&this._images.length>1&&i("stzh-carousel",{key:"c5003c9f219997795d26e3de06f137bba44b154e",ref:t=>this.carouselElement=t,disabled:this.carouselDisabled,autoplay:this.carouselAutoplay,autoplayTimeout:this.carouselAutoplayTimeout,withTrack:this.carouselWithTrack,variant:"default"},i("stzh-ratio",{key:"76074495ec624332afc34b833b74ed054fafa24a",ref:t=>this.carouselActionsElement=t,slot:"actions",class:"stzh-gallery__carousel-actions",ratio:this.ratio,ratioSmall:this.ratioSmall,ratioMedium:this.ratioMedium,ratioLarge:this.ratioLarge,ratioUltra:this.ratioUltra},i("div",{key:"031f8edb3058b2e64758bac04f8a632487e4864f"},i("stzh-button",{key:"22c8d76b63c7fbf4bfc0984a2de3e91d02d0e834",class:"stzh-carousel-action-previous","data-stzh-carousel-previous":true,variant:"secondary",size:"small",icon:"angle-left",label:this.localization.arrowPrevTitle,"icon-only":true}),i("stzh-button",{key:"59f83c2c826c624b765301d00ee8d3162336c33e",class:"stzh-carousel-action-next","data-stzh-carousel-next":true,variant:"secondary",size:"small",icon:"angle-right",label:this.localization.arrowNextTitle,"icon-only":true})),i("stzh-hspace",{key:"55601f49dd0c2158c28f0bb4179c891c6363ffaf",justify:"end",items:"end",size:"xsmall"},i("stzh-button",{key:"73a6f3301596f71391a38c108b31b30847dc456b",variant:"secondary",size:"small",icon:"expand","icon-only":true,label:this.localization.openLightbox,onClick:this.openCurrentCarouselSlide}))),this._images.map(((t,i)=>this.renderFigure(t,i)))),i("slot",{key:"c3640afa359e92b6df23eb7c33c16e16606870c3"})))}get element(){return o(this)}static get watchers(){return{showItems:["showItemsWatcher"],images:["imagesWatcher"],excludeFirstImage:["imagesWatcher"]}}};O.style=E();export{O as stzh_gallery};
+//# sourceMappingURL=p-684d4d18.entry.js.map

package/dist/stzh-components/p-687cae2d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,a as o,d as h}from"./p-BMrO_esM.js";import{a as n,h as r}from"./p-DhuTERdU.js";import{S as e}from"./p--ooR_PU_.js";import"./p-BubviQku.js";const p=()=>`.sc-stzh-input-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-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::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-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(\n    --stzh-input-hover-border-color,\n    var(--stzh-color-secondary50)\n  );--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-button-right-color:var(--stzh-color-primary70);--text-selection-background-color:var(--stzh-color-secondary30);width:100%}[type=hidden].sc-stzh-input-h{position:absolute;top:-624.9375rem;left:-624.9375rem;visibility:hidden}[size=small].sc-stzh-input-h{--height:var(--stzh-form-input-small-height)}[is-filled].sc-stzh-input-h:not([is-filled=false]){--button-right-color:var(--stzh-color-primary70);--hover-button-right-color:var(--stzh-color-primary70);--focus-button-right-color:var(--stzh-color-black)}[is-invalid].sc-stzh-input-h{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--button-right-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-button-right-color:var(--stzh-color-error60)}[readonly].sc-stzh-input-h:not([readonly=false]),[disabled].sc-stzh-input-h:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-button-right-color:var(--stzh-color-grey70);--focus-color:var(--stzh-color-grey70);--focus-border-color:var(--stzh-color-grey70);--focus-background-color:var(--stzh-color-grey10);--focus-button-right-color:var(--stzh-color-grey70)}.sc-stzh-input-h:is(:has(.stzh-input__input:hover)){--button-right-color:var(--hover-button-right-color)}.sc-stzh-input-h:is(:has(.stzh-input__input:focus)){--button-right-color:var(--focus-button-right-color)}.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0;right:0}.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right] stzh-popover,.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-popover{display:block}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.stzh-input__button-right.sc-stzh-input,.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false]){--x:0}@media (forced-colors: none){.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.stzh-input__button-right.sc-stzh-input,.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false]){--color:var(--button-right-color);--border-color:transparent;--background-color:transparent;--hover-color:var(--button-right-color);--hover-border-color:transparent;--hover-background-color:transparent}}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.stzh-input__button-right[size=default][icon-only].sc-stzh-input:not([icon-only=false]){--icon-size:var(--stzh-icon-size-medium)}[clearable].sc-stzh-input-h:not([clearable=false])[is-filled]:not([is-filled=false]) .stzh-input__button-right.sc-stzh-input{opacity:0;visibility:hidden;pointer-events:none}[clearable].sc-stzh-input-h:not([clearable=false])[is-filled]:not([is-filled=false]) .stzh-input__field-wrapper.sc-stzh-input:hover .stzh-input__button-right.sc-stzh-input,[clearable].sc-stzh-input-h:not([clearable=false])[is-filled]:not([is-filled=false]) .stzh-input__input.sc-stzh-input:focus+.stzh-input__button-right.sc-stzh-input{opacity:1;visibility:visible;pointer-events:auto}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-input__marker-text.sc-stzh-input{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-input__description-wrapper.sc-stzh-input{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error60)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{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-input__description-long.sc-stzh-input{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-input__description-long.sc-stzh-input{margin-top:0}}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-button.sc-stzh-input{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-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxxsmall)}.stzh-input.sc-stzh-input .sc-stzh-input::selection{background:var(--text-selection-background-color)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:flex;width:var(--input-width)}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.125rem solid var(--border-color);transition-property:color, border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);margin:0;width:100%;color:var(--color);background-color:var(--background-color);appearance:none;text-align:var(--text-align)}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:hover{color:var(--hover-color);border-color:var(--hover-border-color);background-color:var(--hover-background-color)}.stzh-input__input.sc-stzh-input:focus{color:var(--focus-color);border-color:var(--focus-border-color);background-color:var(--focus-background-color)}.stzh-input__input.sc-stzh-input:-webkit-autofill{background-clip:text}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--height);resize:vertical}.stzh-input__label-wrapper.sc-stzh-input{display:flex;align-items:center;gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxxsmall);width:100%;min-width:0;min-height:auto}.stzh-input__label.sc-stzh-input{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);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:var(--label-color);min-width:0;flex:0 1 auto;max-width:100%;margin-bottom:0}.stzh-input__label.no-label-truncate.sc-stzh-input{text-overflow:clip;white-space:normal;overflow:visible;white-space:normal;overflow:visible;text-overflow:clip}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__label.sc-stzh-input:not(.no-label-truncate){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stzh-input__label.no-label-truncate.sc-stzh-input{max-width:none;white-space:normal}.stzh-input__marker.sc-stzh-input{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-input__label-wrapper.sc-stzh-input>.stzh-input__description-wrapper.sc-stzh-input{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-text.sc-stzh-input{display:none}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description.sc-stzh-input{display:inline-flex;align-items:flex-start;margin:0}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long.sc-stzh-input{display:inline-flex;align-items:flex-start}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long-popover.sc-stzh-input,.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long-button.sc-stzh-input{height:1.25rem;line-height:1}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long-button.sc-stzh-input{display:inline-flex;align-items:center;justify-content:center;padding:0}.stzh-input__label-wrapper.sc-stzh-input stzh-popover.sc-stzh-input .stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-input__description-wrapper.sc-stzh-input{flex:0 0 auto}.stzh-input--type-password.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-clearable.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{width:var(--height);height:var(--height);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color}@media (forced-colors: active){.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{transition:none;color:ButtonBorder}}@media (forced-colors: active){.stzh-input--type-search.sc-stzh-input:hover .stzh-input__button-right.sc-stzh-input{color:Highlight}}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:var(--height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{appearance:textfield}.stzh-input--has-label-hidden.sc-stzh-input .stzh-input__label.sc-stzh-input{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-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}`;let a=0;const l=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange");this.stzhChanged=s(this,"stzhChanged");this.stzhFocus=s(this,"stzhFocus");this.stzhBlur=s(this,"stzhBlur");this.multiline=false;this.type="text";this.step=1;this.showSpin=false;this.readonly=false;this.disabled=false;this.clearable=false;this.hideOptional=false;this.value="";this.defaultValue="";this.invalid=false;this.required=false;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.noLabelTruncate=false;this.labelHidden=false;this.size="default";this.a11yDescribedby="";this.hasDefaultSlot=false;this.hasResolvedDefaultSlot=false;this.focusedByInput=false;this.onClearClick=async t=>{this.value="";this.input.focus();await this.waitForNextRender();this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value});this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onTogglePasswordVisibilityClick=async()=>{this.showPassword=!this.showPassword};this.handleReset=async()=>{this.value=this.defaultValue;this.input.value=this.defaultValue};this.onInput=t=>{this.value=this.input.value;this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onChange=t=>{this.value=this.input.value;this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-input",originalEvent:t})};this.updateDefaultSlotState=()=>{const t=n(this.element,["stzh-input"]);if(this.hasDefaultSlot!==t){this.hasDefaultSlot=t}if(!this.hasResolvedDefaultSlot){this.hasResolvedDefaultSlot=true}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){this.filled=t!==""}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}typeWatcher(t){const s=["text","search","password","email","url","tel","number","hidden"];if(!this.multiline&&!s.includes(t)){throw new Error(`Type ${t} not supported`)}}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,value:this.value,rows:this.rows,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.showPassword?"text":this.type,name:this.name,value:this.value,defaultValue:this.defaultValue,min:this.min,max:this.max,step:this.step,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}componentDidLoad(){this.updateDefaultSlotState()}async componentWillLoad(){this.inputId=`stzh-input-${a++}`;this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);this.defaultValue=this.defaultValue||this.value;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"input")}}render(){var t;const s=r(this.element,"button-right");const h=r(this.element,"description")||!!this.description;const n=r(this.element,"description-long")||!!this.descriptionLong;const p=r(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const a=!!this.label||this.hasDefaultSlot;const l=!this.hasResolvedDefaultSlot||a||n;const u={"stzh-input":true,"stzh-input--has-button-right":s||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":h,"stzh-input--has-description-long":n,"stzh-input--has-error":p,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid||p,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--is-filled":this.filled,"stzh-input--is-not-filled":!this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--is-not-clearable":!this.clearable,"stzh-input--has-label-hidden":this.labelHidden,[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(o,{key:"edcd8b17d9a523b18ec3dc3fd8e7616a792bb1c4","is-invalid":this.invalid||p,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus,"is-filled":this.filled},i("div",{key:"9cb9427ab5db441a4e26b80a389a527032d36a9f",class:u},l&&i("div",{key:"53bc2d5cea8f5a4e9f738ba973cd53e229864f04",class:"stzh-input__label-wrapper"},i("label",{key:"73d80f001275d4f2eead5e9c97f10d0a4d6b3021",class:{"stzh-input__label":true,"no-label-truncate":this.noLabelTruncate},htmlFor:this.inputId},this.label?this.label:i("slot",{onSlotchange:this.updateDefaultSlotState}),a&&!this.hideOptional&&i("span",{key:"d842519268ef41d93e4822963a80464bb52d81ba",class:"stzh-input__marker"},i("span",{key:"9f9733c50f43d439398beda36b470c415effda56",class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"a6677f03b473f76df2874e577c6ea5fa262e9b86",class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),n&&i(e,{key:"58c5653a9a53c6f617833a3fae920cdebaf1f988",classPrefix:"stzh-input",id:`${this.inputId}-description-long`,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:n,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false})),i("div",{key:"910fb2dfae4791492c3085dbfd4e5de012c7a063",class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),this.clearable||this.type==="search"||this.type==="password"?(!this.clearable||this.disabled||this.readonly||!this.filled)&&this.type==="search"?i("stzh-icon",{class:"stzh-input__button-right",name:"search"}):this.type==="password"?i("stzh-button",{class:"stzh-input__button-right",icon:this.showPassword?"view-hidden":"view",size:this.size,iconOnly:true,onClick:this.onTogglePasswordVisibilityClick,disabled:this.disabled||this.readonly,a11yLabel:this.type==="password"?this.showPassword?this.localization.$globals.passwordToggleButtonHideLabel:this.localization.$globals.passwordToggleButtonShowLabel:undefined}):this.filled?i("stzh-button",{class:"stzh-input__button-right",icon:"close",size:this.size,iconOnly:true,onClick:this.onClearClick,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId,a11yTabindex:"-1","aria-hidden":this.clearable?"true":undefined}):i("slot",{name:"button-right"}):i("slot",{name:"button-right"})),(p||h)&&i(e,{key:"0150eaf57c9e266cc8234c76a21f98e4904e95b3",classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};l.style=p();export{l as stzh_input};
+//# sourceMappingURL=p-687cae2d.entry.js.map

package/dist/stzh-components/p-687cae2d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","hasDefaultSlotContent","hasSlot","StzhInputDescription","stzhInputCss","inputCounter","StzhInput","constructor","hostRef","this","stzhChange","stzhChanged","stzhFocus","stzhBlur","multiline","type","step","showSpin","readonly","disabled","clearable","hideOptional","value","defaultValue","invalid","required","autocomplete","noAutocomplete","label","noLabelTruncate","labelHidden","size","a11yDescribedby","hasDefaultSlot","hasResolvedDefaultSlot","focusedByInput","onClearClick","async","event","input","focus","waitForNextRender","emit","component","originalEvent","onTogglePasswordVisibilityClick","showPassword","handleReset","onInput","onChange","onRootFocus","onFocus","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","onBlur","blurEvent","updateDefaultSlotState","resetListener","target","contains","requestAnimationFrame","valueWatcher","newValue","filled","errorWatcher","_error","JSON","parse","e","typeWatcher","types","includes","Error","Promise","resolve","renderPromiseResolve","renderTextarea","class","ref","el","id","inputId","name","rows","minlength","maxlength","renderInput","min","max","inputmode","undefined","componentDidRender","componentDidLoad","componentWillLoad","error","localization","stzhComponents","utils","fetchTranslations","render","_a","buttonRightSlotUsed","descriptionUsed","description","descriptionLongUsed","descriptionLong","errorUsed","length","labelUsed","labelWrapperUsed","classes","key","tabindex","htmlFor","onSlotchange","$globals","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","classPrefix","descriptionLongTitle","moreInfoButtonLabel","showError","showDescriptionText","icon","iconOnly","onClick","a11yLabel","passwordToggleButtonHideLabel","passwordToggleButtonShowLabel","clearButtonLabel","a11yTabindex","watchers","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,OAAWC,MAAkB,8BACzEC,OAA4BC,MAAe,8BAC3CC,MAA4B,wBACnC,kBAEP,MAAMC,EAAe,IAAM,ktkBAK3B,IAAIC,EAAe,EACnB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRZ,EAAiBa,KAAMD,GACvBC,KAAKC,WAAab,EAAYY,KAAM,cACpCA,KAAKE,YAAcd,EAAYY,KAAM,eACrCA,KAAKG,UAAYf,EAAYY,KAAM,aACnCA,KAAKI,SAAWhB,EAAYY,KAAM,YAElCA,KAAKK,UAAY,MAEjBL,KAAKM,KAAO,OAEZN,KAAKO,KAAO,EAEZP,KAAKQ,SAAW,MAEhBR,KAAKS,SAAW,MAEhBT,KAAKU,SAAW,MAEhBV,KAAKW,UAAY,MAEjBX,KAAKY,aAAe,MAEpBZ,KAAKa,MAAQ,GAEbb,KAAKc,aAAe,GAEpBd,KAAKe,QAAU,MAEff,KAAKgB,SAAW,MAKhBhB,KAAKiB,aAAe,KAEpBjB,KAAKkB,eAAiB,MAEtBlB,KAAKmB,MAAQ,GAEbnB,KAAKoB,gBAAkB,MAEvBpB,KAAKqB,YAAc,MAEnBrB,KAAKsB,KAAO,UAEZtB,KAAKuB,gBAAkB,GAKvBvB,KAAKwB,eAAiB,MAOtBxB,KAAKyB,uBAAyB,MAC9BzB,KAAK0B,eAAiB,MACtB1B,KAAK2B,aAAeC,MAAOC,IACvB7B,KAAKa,MAAQ,GACbb,KAAK8B,MAAMC,cACL/B,KAAKgC,oBACXhC,KAAKC,WAAWgC,KAAK,CACjBC,UAAW,aACXC,cAAeN,EACfhB,MAAOb,KAAKa,QAEhBb,KAAKE,YAAY+B,KAAK,CAClBC,UAAW,aACXC,cAAeN,EACfhB,MAAOb,KAAKa,OACd,EAENb,KAAKoC,gCAAkCR,UACnC5B,KAAKqC,cAAgBrC,KAAKqC,YAAY,EAE1CrC,KAAKsC,YAAcV,UACf5B,KAAKa,MAAQb,KAAKc,aAElBd,KAAK8B,MAAMjB,MAAQb,KAAKc,YAAY,EASxCd,KAAKuC,QAAWV,IACZ7B,KAAKa,MAAQb,KAAK8B,MAAMjB,MACxBb,KAAKC,WAAWgC,KAAK,CACjBC,UAAW,aACXC,cAAeN,EACfhB,MAAOb,KAAKa,OACd,EAENb,KAAKwC,SAAYX,IACb7B,KAAKa,MAAQb,KAAK8B,MAAMjB,MACxBb,KAAKE,YAAY+B,KAAK,CAClBC,UAAW,aACXC,cAAeN,EACfhB,MAAOb,KAAKa,OACd,EAENb,KAAKyC,YAAc,KACf,IAAKzC,KAAK0B,eAAgB,CACtB1B,KAAK8B,MAAMC,OACf,CACA/B,KAAK0B,eAAiB,KAAK,EAE/B1B,KAAK0C,QAAWb,IACZ7B,KAAK0B,eAAiB,KACtB,MAAMiB,EAAa,IAAIC,WAAW,QAAS,CACvCC,KAAMC,OACNC,QAAS,MACTC,WAAY,QAEhBhD,KAAKiD,QAAQC,cAAcP,GAC3B3C,KAAKG,UAAU8B,KAAK,CAChBC,UAAW,aACXC,cAAeN,GACjB,EAEN7B,KAAKmD,OAAUtB,IAEX7B,KAAK8B,MAAMjB,MAAQb,KAAK8B,MAAMjB,MAC9B,MAAMuC,EAAY,IAAIR,WAAW,OAAQ,CACrCC,KAAMC,OACNC,QAAS,MACTC,WAAY,QAEhBhD,KAAKiD,QAAQC,cAAcE,GAC3BpD,KAAKI,SAAS6B,KAAK,CACfC,UAAW,aACXC,cAAeN,GACjB,EAMN7B,KAAKqD,uBAAyB,KAC1B,MAAM7B,EAAiBhC,EAAsBQ,KAAKiD,QAAS,CAAC,eAC5D,GAAIjD,KAAKwB,iBAAmBA,EAAgB,CACxCxB,KAAKwB,eAAiBA,CAC1B,CACA,IAAKxB,KAAKyB,uBAAwB,CAC9BzB,KAAKyB,uBAAyB,IAClC,EAER,CACA,aAAA6B,CAAczB,GACV,GAAIA,EAAM0B,OAAOC,SAASxD,KAAKiD,SAAU,CACrCQ,uBAAsB,KAClBzD,KAAKsC,aAAa,GAE1B,CACJ,CACA,YAAAoB,CAAaC,GACT3D,KAAK4D,OAASD,IAAa,EAC/B,CACA,YAAAE,CAAaF,GACT,UAAWA,IAAa,SAAU,CAC9B,IACI3D,KAAK8D,OAASC,KAAKC,MAAML,EAC7B,CACA,MAAOM,GACH,GAAIN,EAAU,CACV3D,KAAK8D,OAAS,CAACH,EACnB,KACK,CACD3D,KAAK8D,OAAS,EAClB,CACJ,CACJ,MACK,GAAIH,EAAU,CACf3D,KAAK8D,OAASH,CAClB,KACK,CACD3D,KAAK8D,OAAS,EAClB,CACJ,CACA,WAAAI,CAAYP,GACR,MAAMQ,EAAQ,CAAC,OAAQ,SAAU,WAAY,QAAS,MAAO,MAAO,SAAU,UAC9E,IAAKnE,KAAKK,YAAc8D,EAAMC,SAAST,GAAW,CAC9C,MAAM,IAAIU,MAAM,QAAQV,kBAC5B,CACJ,CACA,iBAAA3B,GACI,OAAO,IAAIsC,SAAQC,GAAYvE,KAAKwE,qBAAuBD,GAC/D,CACA,cAAAE,GACI,OAAQpF,EAAE,WAAY,CAAEqF,MAAO,gDAAiDC,IAAKC,GAAO5E,KAAK8B,MAAQ8C,EAAKC,GAAI7E,KAAK8E,QAASC,KAAM/E,KAAK+E,KAAMlE,MAAOb,KAAKa,MAAOmE,KAAMhF,KAAKgF,KAAMtE,SAAUV,KAAKU,SAAUD,SAAUT,KAAKS,SAAUwE,UAAWjF,KAAKiF,UAAWC,UAAWlF,KAAKkF,UAAW,mBAAoB,GAAGlF,KAAK8E,uBAAuB9E,KAAKuB,kBAAmB,gBAAiBvB,KAAKgB,SAAW,OAAS,QAAS,eAAgBhB,KAAKe,QAAU,OAAS,QAASyB,SAAUxC,KAAKwC,SAAUD,QAASvC,KAAKuC,QAASG,QAAS1C,KAAK0C,QAASS,OAAQnD,KAAKmD,QACpiB,CACA,WAAAgC,GACI,OAAQ9F,EAAE,QAAS,CAAEqF,MAAO,6CAA8CC,IAAKC,GAAO5E,KAAK8B,MAAQ8C,EAAKC,GAAI7E,KAAK8E,QAASxE,KAAMN,KAAKqC,aAAe,OAASrC,KAAKM,KAAMyE,KAAM/E,KAAK+E,KAAMlE,MAAOb,KAAKa,MAAOC,aAAcd,KAAKc,aAAcsE,IAAKpF,KAAKoF,IAAKC,IAAKrF,KAAKqF,IAAK9E,KAAMP,KAAKO,KAAM+E,UAAWtF,KAAKsF,UAAW5E,SAAUV,KAAKU,SAAUD,SAAUT,KAAKS,SAAUwE,UAAWjF,KAAKiF,UAAWC,UAAWlF,KAAKkF,UAAWjE,aAAcjB,KAAKkB,eAAiB,MAAQlB,KAAKiB,aAAc,oBAAqBjB,KAAKkB,eAAiB,OAASqE,UAAW,mBAAoB,GAAGvF,KAAK8E,uBAAuB9E,KAAKuB,kBAAmB,gBAAiBvB,KAAKgB,SAAW,OAAS,QAAS,eAAgBhB,KAAKe,QAAU,OAAS,QAASyB,SAAUxC,KAAKwC,SAAUD,QAASvC,KAAKuC,QAASG,QAAS1C,KAAK0C,QAASS,OAAQnD,KAAKmD,QACpyB,CACA,kBAAAqC,GACI,GAAIxF,KAAKwE,qBAAsB,CAC3BxE,KAAKwE,sBACT,CACJ,CACA,gBAAAiB,GACIzF,KAAKqD,wBACT,CACA,uBAAMqC,GACF1F,KAAK8E,QAAU,cAAclF,MAC7BI,KAAKkE,YAAYlE,KAAKM,MACtBN,KAAK0D,aAAa1D,KAAKa,OACvBb,KAAK6D,aAAa7D,KAAK2F,OACvB3F,KAAKc,aAAed,KAAKc,cAAgBd,KAAKa,MAC9C,IAAKb,KAAK4F,aAAc,CACpB5F,KAAK4F,mBAAqB9C,OAAO+C,eAAeC,MAAMC,kBAAkB/F,KAAKiD,QAAS,QAC1F,CACJ,CACA,MAAA+C,GACI,IAAIC,EACJ,MAAMC,EAAsBzG,EAAQO,KAAKiD,QAAS,gBAClD,MAAMkD,EAAkB1G,EAAQO,KAAKiD,QAAS,kBAAoBjD,KAAKoG,YACvE,MAAMC,EAAsB5G,EAAQO,KAAKiD,QAAS,uBAAyBjD,KAAKsG,gBAChF,MAAMC,EAAY9G,EAAQO,KAAKiD,QAAS,YAAcgD,EAAKjG,KAAK8D,UAAY,MAAQmC,SAAY,OAAS,EAAIA,EAAGO,QAAU,EAC1H,MAAMC,IAAczG,KAAKmB,OAASnB,KAAKwB,eACvC,MAAMkF,GAAoB1G,KAAKyB,wBAA0BgF,GAAaJ,EACtE,MAAMM,EAAU,CACZ,aAAc,KACd,+BAAgCT,GAC5BlG,KAAKM,OAAS,UACbN,KAAKW,WAAaX,KAAK4D,SAAW5D,KAAKS,WAAaT,KAAKU,SAC9D,8BAA+ByF,EAC/B,mCAAoCE,EACpC,wBAAyBE,EACzB,uBAAwBvG,KAAKQ,SAC7B,yBAA0BR,KAAKe,SAAWwF,EAC1C,0BAA2BvG,KAAKU,SAChC,0BAA2BV,KAAKS,SAChC,0BAA2BT,KAAKgB,SAChC,wBAAyBhB,KAAK4D,OAC9B,6BAA8B5D,KAAK4D,OACnC,2BAA4B5D,KAAKW,UACjC,gCAAiCX,KAAKW,UACtC,+BAAgCX,KAAKqB,YACrC,CAAC,oBAAoBrB,KAAKsB,UAAWtB,KAAKsB,KAC1C,CAAC,oBAAoBtB,KAAKM,UAAWN,KAAKM,MAE9C,OAAQjB,EAAEC,EAAM,CAAEsH,IAAK,2CAA4C,aAAc5G,KAAKe,SAAWwF,EAAWM,SAAU7G,KAAKU,SAAW,KAAO,KAAMgC,QAAS1C,KAAKyC,YAAa,YAAazC,KAAK4D,QAAUvE,EAAE,MAAO,CAAEuH,IAAK,2CAA4ClC,MAAOiC,GAAWD,GAAqBrH,EAAE,MAAO,CAAEuH,IAAK,2CAA4ClC,MAAO,6BAA+BrF,EAAE,QAAS,CAAEuH,IAAK,2CAA4ClC,MAAO,CAC5c,oBAAqB,KACrB,oBAAqB1E,KAAKoB,iBAC3B0F,QAAS9G,KAAK8E,SAAW9E,KAAKmB,MAAQnB,KAAKmB,MAAQ9B,EAAE,OAAQ,CAAE0H,aAAc/G,KAAKqD,yBAA2BoD,IAAczG,KAAKY,cAAiBvB,EAAE,OAAQ,CAAEuH,IAAK,2CAA4ClC,MAAO,sBAAwBrF,EAAE,OAAQ,CAAEuH,IAAK,2CAA4ClC,MAAO,4BAA6B,cAAe,QAAU1E,KAAKgB,SAC7WhB,KAAK4F,aAAaoB,SAASC,oBAC3BjH,KAAK4F,aAAaoB,SAASE,qBAAsB7H,EAAE,OAAQ,CAAEuH,IAAK,2CAA4ClC,MAAO,2BAA6B1E,KAAKgB,SACvJhB,KAAK4F,aAAaoB,SAASG,kBAC3BnH,KAAK4F,aAAaoB,SAASI,qBAAuBf,GAAwBhH,EAAEK,EAAsB,CAAEkH,IAAK,2CAA4CS,YAAa,aAAcxC,GAAI,GAAG7E,KAAK8E,2BAA4BsB,YAAapG,KAAKoG,YAAaE,gBAAiBtG,KAAKsG,gBAAiBgB,qBAAsBtH,KAAKsH,qBAAsBjB,oBAAqBA,EAAqBkB,oBAAqBvH,KAAK4F,aAAaoB,SAASO,oBAAqBC,UAAW,MAAOC,oBAAqB,SAAapI,EAAE,MAAO,CAAEuH,IAAK,2CAA4ClC,MAAO,6BAA+B1E,KAAKK,UAAYL,KAAKyE,iBAAmBzE,KAAKmF,cAAenF,KAAKW,WAAaX,KAAKM,OAAS,UAAYN,KAAKM,OAAS,aAAgBN,KAAKW,WAAaX,KAAKU,UAAYV,KAAKS,WAAaT,KAAK4D,SAAW5D,KAAKM,OAAS,SAAYjB,EAAE,YAAa,CAAEqF,MAAO,2BAA4BK,KAAM,WAAe/E,KAAKM,OAAS,WAAcjB,EAAE,cAAe,CAAEqF,MAAO,2BAA4BgD,KAAM1H,KAAKqC,aAAe,cAAgB,OAAQf,KAAMtB,KAAKsB,KAAMqG,SAAU,KAAMC,QAAS5H,KAAKoC,gCAAiC1B,SAAUV,KAAKU,UAAYV,KAAKS,SAAUoH,UAAW7H,KAAKM,OAAS,WACtpCN,KAAKqC,aACDrC,KAAK4F,aAAaoB,SAASc,8BAC3B9H,KAAK4F,aAAaoB,SAASe,8BAC/BxC,YAAgBvF,KAAK4D,OAAUvE,EAAE,cAAe,CAAEqF,MAAO,2BAA4BgD,KAAM,QAASpG,KAAMtB,KAAKsB,KAAMqG,SAAU,KAAMC,QAAS5H,KAAK2B,aAAckG,UAAW7H,KAAK4F,aAAaoB,SAASgB,iBAAkB,gBAAiBhI,KAAK8E,QAASmD,aAAc,KAAM,cAAejI,KAAKW,UAAY,OAAS4E,YAAiBlG,EAAE,OAAQ,CAAE0F,KAAM,iBAAuB1F,EAAE,OAAQ,CAAE0F,KAAM,mBAAsBwB,GAAaJ,IAAqB9G,EAAEK,EAAsB,CAAEkH,IAAK,2CAA4CS,YAAa,aAAcxC,GAAI,GAAG7E,KAAK8E,sBAAuBa,MAAO3F,KAAK8D,OAAQsC,YAAapG,KAAKoG,YAAaC,oBAAqB,SACxpB,CACA,WAAIpD,GAAY,OAAO1D,EAAWS,KAAO,CACzC,mBAAWkI,GAAa,MAAO,CAC3BrH,MAAS,CAAC,gBACV8E,MAAS,CAAC,gBACVrF,KAAQ,CAAC,eACV,GAEPT,EAAUsI,MAAQxI,WAETE","ignoreList":[]}

package/dist/stzh-components/{p-3c861eb0.entry.js → p-6add6579.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as r,a as i,d as e}from"./p-BDy81lpO.js";import{a}from"./p-DRN8s57r.js";import{a as c}from"./p-BubviQku.js";import{VBZ as o}from"./index.esm.js";import"./p-E-ZsRS8r.js";const h=()=>`.sc-stzh-vbz-majorticker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-majorticker-h,[stzh-hidden].sc-stzh-vbz-majorticker-h{display:none}.sc-stzh-vbz-majorticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::before,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-majorticker-h .has-focus.sc-stzh-vbz-majorticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker{outline-style:none !important}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-majorticker-h stzh-heading.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h stzh-icon.sc-stzh-vbz-majorticker{--color:var(--stzh-color-orange80)}.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{background-color:var(--stzh-color-orange30);padding:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (min-width: 600px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-xxlarge)}}.stzh-vbz-majorticker__header.sc-stzh-vbz-majorticker{display:flex;flex-direction:row;gap:var(--stzh-space-xsmall)}.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-small)}}.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{--stzh-link-color:var(--stzh-color-secondary70);--stzh-link-hover-color:var(--stzh-color-secondary80)}.stzh-vbz-majorticker__clamp.sc-stzh-vbz-majorticker{--stzh-clamp-trigger-color:var(--stzh-color-black);--stzh-clamp-trigger-color-hover:var(--stzh-color-black)}`;const n=class{constructor(r){t(this,r);this.stzhDisturbanceFetched=s(this,"stzhDisturbanceFetched");this.api="https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";this.data="";this.moreInfoLink="https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}";this.disturbance=null}async getDisturbance(){return this.disturbance}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);s=s+(s.includes("?")?"&":"?")+Date.now();const{data:r}=await a.get(s);this.data=r}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}async dataWatcher(t){var s,r;if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}const i=(r=(s=this._data)===null||s===void 0?void 0:s.Message)===null||r===void 0?void 0:r.find((t=>t.category===o.DISTURBANCE_INFORMATION&&t.baseType===o.BASE_TYPE_GLOBAL));if(i){const t=i.channel.filter((t=>t.name===o.CHANNEL_TICKER&&t.url)).map((t=>t.url)).reduce(((t,s)=>t.concat(s)),[]);const s=t.find((t=>t.url.indexOf(o.CHANNEL_INFO_URL_FILTER)!==-1));this.disturbance={id:i.id,head:i.head,text:c(i.text),startDate:new Date(`${i.sDate}T${i.sTime}+02:00`),endDate:new Date(`${i.eDate}T${i.eTime}+02:00`),altStart:i.altStart,altEnd:i.altEnd,infoUrl:s}}this.stzhDisturbanceFetched.emit({component:"stzh-vbz-majorticker",disturbance:this.disturbance})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-majorticker")}this.dateAdapterWatcher(this.dateAdapter);if(this.data){await this.dataWatcher(this.data)}else{await this.apiWatcher(this.api)}}render(){const t={"stzh-vbz-majorticker":true};return r(i,{key:"7dcfa6e3abdd3e2459e4d485b8629264d7eb2484",hidden:!this.disturbance},r("div",{key:"2feb98cda7a7c5617fc1584f49f98e66802ac3ec",class:t},this.disturbance&&r("stzh-show",{key:"612da1c8068c0a50beb6b30fd1b0a7ebc55a337f",mikro:true,showFromDate:this.disturbance.startDate},r("div",{key:"0e177598aeecd81ccc6a66b18090903389649637"},r("div",{key:"60787642ad32f657832bce2e9397252e8b1ccdf3",class:"stzh-vbz-majorticker__header"},r("stzh-icon",{key:"b16485e47e185a72a0cb2762cc93778f2b6bb9f0",name:"important-warning-filled"}),r("stzh-heading",{key:"067f2c7908c5c7d839a327590733a543b177311d",curve:"h4"},this.disturbance.head)),r("stzh-clamp",{key:"bad6675f122cf95bc4dbb33bd68dbbec939c45d1",class:"stzh-vbz-majorticker__clamp",lines:3,"lines-medium":6,"show-expand-link":true,"expand-link-size":"small"},r("div",{key:"6873ff49f80c4ab8b64d7b70b406b17ca3b2bedf",innerHTML:this.disturbance.text})),this.disturbance.infoUrl?r("stzh-link",{class:"stzh-vbz-majorticker__link",href:this.disturbance.infoUrl.url,icon:"arrow-right",iconPosition:"right"},this.disturbance.infoUrl.name):r("stzh-link",{class:"stzh-vbz-majorticker__link",target:"_blank",icon:"arrow-right",iconPosition:"right",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,this.disturbance.id)},this.localization.moreInfo)))))}get element(){return e(this)}static get watchers(){return{api:["apiWatcher"],dateAdapter:["dateAdapterWatcher"],data:["dataWatcher"]}}};n.style=h();export{n as stzh_vbz_majorticker};
-//# sourceMappingURL=p-3c861eb0.entry.js.map
+import{r as t,c as s,h as r,a as i,d as e}from"./p-BMrO_esM.js";import{a}from"./p-DRN8s57r.js";import{a as c}from"./p-BubviQku.js";import{VBZ as o}from"./index.esm.js";import"./p-E-ZsRS8r.js";const h=()=>`.sc-stzh-vbz-majorticker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-majorticker-h,[stzh-hidden].sc-stzh-vbz-majorticker-h{display:none}.sc-stzh-vbz-majorticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::before,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-majorticker-h .has-focus.sc-stzh-vbz-majorticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker{outline-style:none !important}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-majorticker-h stzh-heading.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h stzh-icon.sc-stzh-vbz-majorticker{--color:var(--stzh-color-orange80)}.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{background-color:var(--stzh-color-orange30);padding:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (min-width: 600px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-xxlarge)}}.stzh-vbz-majorticker__header.sc-stzh-vbz-majorticker{display:flex;flex-direction:row;gap:var(--stzh-space-xsmall)}.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-small)}}.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{--stzh-link-color:var(--stzh-color-secondary70);--stzh-link-hover-color:var(--stzh-color-secondary80)}.stzh-vbz-majorticker__clamp.sc-stzh-vbz-majorticker{--stzh-clamp-trigger-color:var(--stzh-color-black);--stzh-clamp-trigger-color-hover:var(--stzh-color-black)}`;const n=class{constructor(r){t(this,r);this.stzhDisturbanceFetched=s(this,"stzhDisturbanceFetched");this.api="https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";this.data="";this.moreInfoLink="https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}";this.disturbance=null}async getDisturbance(){return this.disturbance}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);s=s+(s.includes("?")?"&":"?")+Date.now();const{data:r}=await a.get(s);this.data=r}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}async dataWatcher(t){var s,r;if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}const i=(r=(s=this._data)===null||s===void 0?void 0:s.Message)===null||r===void 0?void 0:r.find((t=>t.category===o.DISTURBANCE_INFORMATION&&t.baseType===o.BASE_TYPE_GLOBAL));if(i){const t=i.channel.filter((t=>t.name===o.CHANNEL_TICKER&&t.url)).map((t=>t.url)).reduce(((t,s)=>t.concat(s)),[]);const s=t.find((t=>t.url.indexOf(o.CHANNEL_INFO_URL_FILTER)!==-1));this.disturbance={id:i.id,head:i.head,text:c(i.text),startDate:new Date(`${i.sDate}T${i.sTime}+02:00`),endDate:new Date(`${i.eDate}T${i.eTime}+02:00`),altStart:i.altStart,altEnd:i.altEnd,infoUrl:s}}this.stzhDisturbanceFetched.emit({component:"stzh-vbz-majorticker",disturbance:this.disturbance})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-majorticker")}this.dateAdapterWatcher(this.dateAdapter);if(this.data){await this.dataWatcher(this.data)}else{await this.apiWatcher(this.api)}}render(){const t={"stzh-vbz-majorticker":true};return r(i,{key:"7dcfa6e3abdd3e2459e4d485b8629264d7eb2484",hidden:!this.disturbance},r("div",{key:"2feb98cda7a7c5617fc1584f49f98e66802ac3ec",class:t},this.disturbance&&r("stzh-show",{key:"612da1c8068c0a50beb6b30fd1b0a7ebc55a337f",mikro:true,showFromDate:this.disturbance.startDate},r("div",{key:"0e177598aeecd81ccc6a66b18090903389649637"},r("div",{key:"60787642ad32f657832bce2e9397252e8b1ccdf3",class:"stzh-vbz-majorticker__header"},r("stzh-icon",{key:"b16485e47e185a72a0cb2762cc93778f2b6bb9f0",name:"important-warning-filled"}),r("stzh-heading",{key:"067f2c7908c5c7d839a327590733a543b177311d",curve:"h4"},this.disturbance.head)),r("stzh-clamp",{key:"bad6675f122cf95bc4dbb33bd68dbbec939c45d1",class:"stzh-vbz-majorticker__clamp",lines:3,"lines-medium":6,"show-expand-link":true,"expand-link-size":"small"},r("div",{key:"6873ff49f80c4ab8b64d7b70b406b17ca3b2bedf",innerHTML:this.disturbance.text})),this.disturbance.infoUrl?r("stzh-link",{class:"stzh-vbz-majorticker__link",href:this.disturbance.infoUrl.url,icon:"arrow-right",iconPosition:"right"},this.disturbance.infoUrl.name):r("stzh-link",{class:"stzh-vbz-majorticker__link",target:"_blank",icon:"arrow-right",iconPosition:"right",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,this.disturbance.id)},this.localization.moreInfo)))))}get element(){return e(this)}static get watchers(){return{api:["apiWatcher"],dateAdapter:["dateAdapterWatcher"],data:["dataWatcher"]}}};n.style=h();export{n as stzh_vbz_majorticker};
+//# sourceMappingURL=p-6add6579.entry.js.map