@oiz/stzh-components 4.6.0 → 4.7.0

package/dist/stzh-components/{p-d0e8b48e.entry.js → p-126e6d91.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as e,g as a}from"./p-ef5985a3.js";import{m as c,a as o,r as n}from"./p-f4adb3cd.js";const h=".sc-stzh-actionset-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-actionset-h,[stzh-hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::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-actionset-h .has-focus.sc-stzh-actionset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset{outline-style:none !important}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset::-moz-focus-inner{border:0 !important}.stzh-actionset__actions.sc-stzh-actionset{display:flex;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:flex;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:1}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto}@media screen and (min-width: 900px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{display:none}}";const r=h;const d=class{constructor(i){t(this,i);this.stzhActionClick=s(this,"stzhActionClick",7);this._actions=[];this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:s})};this.update=()=>{this.isSmall=c("small").matches;this.isMedium=c("medium").matches;if(!this.actionsElement){return}Object.assign(this.actionsElement.style,{width:null,height:null});let t=0;if(this.variant==="overflow"&&this.isMedium||this.variant==="stack"&&this.isSmall){this.dynamicActions=true;let s=0;let i=0;Array.from(this.actionsElement.children).forEach((e=>{if(e.offsetTop===0){t++;const{width:a,height:c}=e.getBoundingClientRect();const o=getComputedStyle(e);const n=parseInt(o.marginLeft);const h=parseInt(o.marginRight);const r=parseInt(o.marginTop);const d=parseInt(o.marginBottom);const l=a+n+h;const z=c+r+d;if(s<z){s=z}i=i+l}}));Object.assign(this.actionsElement.style,{width:`${i}px`,height:`${s}px`})}else{this.dynamicActions=false;if(this.variant==="overflow"){t=0}else if(this.variant==="stack"){t=this._actions.length<=3?this._actions.length:2}}this.actionsCollapsed=this._actions.slice(t)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};this.mediaChangeHandler=()=>{this.actionsCollapsed=[];requestAnimationFrame(this.update)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}async componentWillLoad(){this.actionsWatcher(this.actions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"actionset")}}connectedCallback(){o(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){n(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}componentDidLoad(){this.update()}render(){const t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0,[`stzh-actionset--${this.variant}`]:!!this.variant};const s=(t,s)=>i("stzh-button",{key:"79f9ec20d696fac0e26018003613fd515e6d9494",a11yTabindex:s?"-1":null,class:{"stzh-actionset__action":true,"is-button":true},label:t.label,icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:this.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:this.variant==="stack"?"small":"tiny",badgePosition:"icon",onClick:s=>{this.actionClick(t,s)}});return i(e,{key:"a0ec0e73c066e6f88d8fe08a77246e5882663d85","has-collapsed-items":this.actionsCollapsed.length>0},i("div",{key:"aa7e8c0f2a7f20a7b5c9043ead246ce1b4f5d8d5",class:t},i("div",{key:"136605860b67edce1f37c0040652d69813834fb8",class:"stzh-actionset__actions",role:"group"},i("div",{key:"bf0f9e51cbd30669e07e21b60d4f658b3b84096a",ref:t=>this.actionsElement=t,class:"stzh-actionset__actions-wrapper"},this._actions.map((t=>(this.dynamicActions||!this.dynamicActions&&this.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?i("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t,this.dynamicActions&&this.actionsCollapsed.indexOf(t)>-1)):s(t,this.dynamicActions&&this.actionsCollapsed.indexOf(t)>-1))))),i("div",{key:"07c902e07ded2ac8cc4d1a796fd2e0fc981c8776",class:"stzh-actionset__action-popover-wrapper"},i("stzh-popover",{key:"792acdc865f15300a26af46f8ca671536618f727",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},i("stzh-button",{key:"d2a72b98012acf3a11dec7433e31376d313da3f7",fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"small":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",a11yLabel:this.variant==="overflow"&&this.localization.actions}),i("stzh-menu",{key:"71d49149cceea469ecb7171720fb5dec8405ad15",slot:"content"},this.actionsCollapsed.map((t=>i("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:s=>{this.actionClick(t,s)}},t.label)))))))))}get element(){return a(this)}static get watchers(){return{actions:["actionsWatcher"]}}};d.style=r;export{d as stzh_actionset};
-//# sourceMappingURL=p-d0e8b48e.entry.js.map
+import{r as t,c as s,h as i,a as e,g as a}from"./p-ef5985a3.js";import{m as c,a as o,r as n}from"./p-f4adb3cd.js";const h=".sc-stzh-actionset-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-actionset-h,[stzh-hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::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-actionset-h .has-focus.sc-stzh-actionset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset{outline-style:none !important}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset::-moz-focus-inner{border:0 !important}.stzh-actionset__actions.sc-stzh-actionset{display:flex;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:flex;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:1}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto}@media screen and (min-width: 900px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{display:none}}";const r=h;const l=class{constructor(i){t(this,i);this.stzhActionClick=s(this,"stzhActionClick",7);this._actions=[];this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:s})};this.update=()=>{this.isSmall=c("small").matches;this.isMedium=c("medium").matches;if(!this.actionsElement){return}Object.assign(this.actionsElement.style,{width:null,height:null});let t=0;if(this.variant==="overflow"&&this.isMedium||this.variant==="stack"&&this.isSmall){this.dynamicActions=true;let s=0;let i=0;Array.from(this.actionsElement.children).forEach((e=>{if(e.offsetTop===0){t++;const{width:a,height:c}=e.getBoundingClientRect();const o=getComputedStyle(e);const n=parseInt(o.marginLeft);const h=parseInt(o.marginRight);const r=parseInt(o.marginTop);const l=parseInt(o.marginBottom);const d=a+n+h;const z=c+r+l;if(s<z){s=z}i=i+d}}));Object.assign(this.actionsElement.style,{width:`${i}px`,height:`${s}px`})}else{this.dynamicActions=false;if(this.variant==="overflow"){t=0}else if(this.variant==="stack"){t=this._actions.length<=3?this._actions.length:2}}this.actionsCollapsed=this._actions.slice(t)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};this.mediaChangeHandler=()=>{this.actionsCollapsed=[];requestAnimationFrame(this.update)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}async componentWillLoad(){this.actionsWatcher(this.actions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"actionset")}}connectedCallback(){o(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){n(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}componentDidLoad(){this.update()}render(){const t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0,[`stzh-actionset--${this.variant}`]:!!this.variant};const s=(t,s)=>i("stzh-button",{key:"d26fe67196ee573cfec1553f8f133766acfd52f4",a11yTabindex:s?"-1":null,class:{"stzh-actionset__action":true,"is-button":true},label:t.label,icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:this.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:this.variant==="stack"?"small":"tiny",badgePosition:"icon",onClick:s=>{this.actionClick(t,s)}});return i(e,{key:"1dcec389fb346f91bb7b5d5640b982ac468dce5c","has-collapsed-items":this.actionsCollapsed.length>0},i("div",{key:"85ed801f3889f5979008f9ad26c0cb7fe7e11f40",class:t},i("div",{key:"42ad688053842c9c1f5c2f5dfee124f6289930ce",class:"stzh-actionset__actions",role:"group"},i("div",{key:"442bf375c91ed04791af1b165c9a612484c90434",ref:t=>this.actionsElement=t,class:"stzh-actionset__actions-wrapper"},this._actions.map((t=>(this.dynamicActions||!this.dynamicActions&&this.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?i("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t,this.dynamicActions&&this.actionsCollapsed.indexOf(t)>-1)):s(t,this.dynamicActions&&this.actionsCollapsed.indexOf(t)>-1))))),i("div",{key:"eeb781e8c9c1eae50913b17cd54d9f24c441a442",class:"stzh-actionset__action-popover-wrapper"},i("stzh-popover",{key:"495486581db179ca2e5d69e030eeedfba6a909b1",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},i("stzh-button",{key:"ce5c77ac448d862645fc1b694b7690daeef73147",fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"small":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",a11yLabel:this.variant==="overflow"&&this.localization.actions}),i("stzh-menu",{key:"2146f5a6487d68bf62dccb573d2775fb0a362de4",slot:"content"},this.actionsCollapsed.map((t=>i("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:s=>{this.actionClick(t,s)}},t.label)))))))))}get element(){return a(this)}static get watchers(){return{actions:["actionsWatcher"]}}};l.style=r;export{l as stzh_actionset};
+//# sourceMappingURL=p-126e6d91.entry.js.map

package/dist/stzh-components/{p-3064f4b9.entry.js → p-1724d14c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as s,g as a}from"./p-ef5985a3.js";const o=".sc-stzh-pagebottom-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-pagebottom-h,[stzh-hidden].sc-stzh-pagebottom-h{display:none}.sc-stzh-pagebottom-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagebottom-h *.sc-stzh-pagebottom,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::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-pagebottom-h .has-focus.sc-stzh-pagebottom{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom{outline-style:none !important}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-pagebottom-h{display:none}}.stzh-pagebottom__wrapper.sc-stzh-pagebottom{display:grid}.stzh-pagebottom__left.sc-stzh-pagebottom{display:flex;flex-direction:column;flex-wrap:wrap;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pagebottom__left.sc-stzh-pagebottom{flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{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));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{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-pagebottom__sticky-actions.sc-stzh-pagebottom{margin-left:auto;margin-top:var(--stzh-space-medium);--stzh-button-white-space:nowrap}@media screen and (min-width: 600px){.stzh-pagebottom__sticky-actions.sc-stzh-pagebottom{margin-top:0}}.stzh-pagebottom__print.sc-stzh-pagebottom,.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{flex-shrink:0}.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{margin-left:-0.625rem}@media screen and (min-width: 900px){.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{margin-left:0}}@media screen and (min-width: 600px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xbig)}}.stzh-pagebottom.sc-stzh-pagebottom:has(.stzh-pagebottom__sticky-actions:not(:empty)) .stzh-pagebottom__wrapper.sc-stzh-pagebottom{grid-template-columns:auto}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom:has(.stzh-pagebottom__sticky-actions:not(:empty)) .stzh-pagebottom__wrapper.sc-stzh-pagebottom{grid-template-columns:minmax(0, 1fr) calc(\n          6.875rem + 2.75rem + var(--stzh-space-small) + var(--stzh-space-medium)\n        )}}";const i=o;const h=class{constructor(e){t(this,e);this.localization=undefined;this.shareTitle="";this.shareUrl=undefined;this.shareServices=undefined;this.shareDisabled=undefined;this.shareMailSubject=undefined;this.shareMailBody=undefined;this.logoHref="https://www.stadt-zuerich.ch";this.withPrint=undefined;this.printAnalyticsId=undefined}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pagebottom")}}render(){const t={"stzh-pagebottom":true,rs_skip:true};return e(s,{key:"3cbf9c6ecf1b015de103fa51e4dbd9f1875cf101"},e("div",{key:"ba81014dd05b0d833461ab8511c64cf5cf4ebf34",class:t},e("div",{key:"3417c0a8c81880feb05da0aa28d901daa94b0a52",class:"stzh-pagebottom__wrapper"},e("div",{key:"8d2a376a8690c8906f7fc9709575a217d1d1d9af",class:"stzh-pagebottom__left"},this.withPrint&&e("div",{key:"3bd9f2e655f1da5d4ecc40f5987bccd4aabe2c85",class:"stzh-pagebottom__print"},e("stzh-print",{key:"d24ef08bdeec9c9b84beef493a2ad5e971a959cb"},e("stzh-button",{key:"e8321b5f0980f2373de2a97d94aac19f27b6e75e",label:this.localization.printLabel,variant:"tertiary-plain",size:"small",noPaddingLeft:true,noPaddingRight:true,analyticsId:this.printAnalyticsId}))),!this.shareDisabled&&e("div",{key:"06dca7b1b4563c3b9098f1b4d5cc731ca036d785",class:"stzh-pagebottom__share-wrapper"},this.shareTitle&&e("div",{key:"0ee1571f61d03a8bd47c7e4fe73d31e0d576292e",class:"stzh-pagebottom__share-title"},this.shareTitle),e("stzh-share",{key:"adf7eccd9961fc73e78e42a30adfd5d91e1346a7",url:this.shareUrl,services:this.shareServices,mailSubject:this.shareMailSubject,mailBody:this.shareMailBody}))),e("div",{key:"636a4607fb363e2669edb5d488b71f280b7f8208",class:"stzh-pagebottom__sticky-actions"},e("slot",{key:"c0f017359f111439994255a668e457690cac89e2",name:"sticky-actions"})))))}get element(){return a(this)}};h.style=i;export{h as stzh_pagebottom};
-//# sourceMappingURL=p-3064f4b9.entry.js.map
+import{r as t,h as e,a as s,g as a}from"./p-ef5985a3.js";const o=".sc-stzh-pagebottom-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-pagebottom-h,[stzh-hidden].sc-stzh-pagebottom-h{display:none}.sc-stzh-pagebottom-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagebottom-h *.sc-stzh-pagebottom,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::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-pagebottom-h .has-focus.sc-stzh-pagebottom{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom{outline-style:none !important}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-pagebottom-h{display:none}}.stzh-pagebottom__wrapper.sc-stzh-pagebottom{display:grid}.stzh-pagebottom__left.sc-stzh-pagebottom{display:flex;flex-direction:column;flex-wrap:wrap;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pagebottom__left.sc-stzh-pagebottom{flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{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));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{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-pagebottom__sticky-actions.sc-stzh-pagebottom{margin-left:auto;margin-top:var(--stzh-space-medium);--stzh-button-white-space:nowrap}@media screen and (min-width: 600px){.stzh-pagebottom__sticky-actions.sc-stzh-pagebottom{margin-top:0}}.stzh-pagebottom__print.sc-stzh-pagebottom,.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{flex-shrink:0}.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{margin-left:-0.625rem}@media screen and (min-width: 900px){.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{margin-left:0}}@media screen and (min-width: 600px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xbig)}}.stzh-pagebottom.sc-stzh-pagebottom:has(.stzh-pagebottom__sticky-actions:not(:empty)) .stzh-pagebottom__wrapper.sc-stzh-pagebottom{grid-template-columns:auto}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom:has(.stzh-pagebottom__sticky-actions:not(:empty)) .stzh-pagebottom__wrapper.sc-stzh-pagebottom{grid-template-columns:minmax(0, 1fr) calc(\n          6.875rem + 2.75rem + var(--stzh-space-small) + var(--stzh-space-medium)\n        )}}";const i=o;const h=class{constructor(e){t(this,e);this.localization=undefined;this.shareTitle="";this.shareUrl=undefined;this.shareServices=undefined;this.shareDisabled=undefined;this.shareMailSubject=undefined;this.shareMailBody=undefined;this.logoHref="https://www.stadt-zuerich.ch";this.withPrint=undefined;this.printAnalyticsId=undefined}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pagebottom")}}render(){const t={"stzh-pagebottom":true,rs_skip:true};return e(s,{key:"b8e6581d3bf0f25959b9e21c323c54ef4a1c4fa2"},e("div",{key:"aa0d878d94ebee65f649644d57e730e03a9f0184",class:t},e("div",{key:"ac1273e2cae820c4fa419d34affc1ecbd78170d9",class:"stzh-pagebottom__wrapper"},e("div",{key:"97a5f11af2ab3d3dada17baba03cee7b3a041744",class:"stzh-pagebottom__left"},this.withPrint&&e("div",{key:"e46b763bc6ab92e682f0637ba0c4168956524ce9",class:"stzh-pagebottom__print"},e("stzh-print",{key:"7c72ebc64dec950a3d02c9233a23671383e1e8fb"},e("stzh-button",{key:"7389e3e2dfbc487a0981fc8e0c06167c5250ef03",label:this.localization.printLabel,variant:"tertiary-plain",size:"small",noPaddingLeft:true,noPaddingRight:true,analyticsId:this.printAnalyticsId}))),!this.shareDisabled&&e("div",{key:"be75d6e5ec735714e2e3dc6c16d5cb92ca2ed83c",class:"stzh-pagebottom__share-wrapper"},this.shareTitle&&e("div",{key:"a0f8f8b6f877db89e83d02838b97a283d438384d",class:"stzh-pagebottom__share-title"},this.shareTitle),e("stzh-share",{key:"c20a7b2dfba564353a110b0cfbf1612becc1ddbf",url:this.shareUrl,services:this.shareServices,mailSubject:this.shareMailSubject,mailBody:this.shareMailBody}))),e("div",{key:"8372fc7280fb2c9d347d6bbad05f05951859318e",class:"stzh-pagebottom__sticky-actions"},e("slot",{key:"4baa09b42562509c73b272176bbbb4fe1116d3d4",name:"sticky-actions"})))))}get element(){return a(this)}};h.style=i;export{h as stzh_pagebottom};
+//# sourceMappingURL=p-1724d14c.entry.js.map

package/dist/stzh-components/{p-21c8ffbe.entry.js → p-1a926012.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,h as i,a,g as e}from"./p-ef5985a3.js";import{h as o}from"./p-87c329f2.js";import"./p-dae15605.js";const s='.sc-stzh-pi-content-navigation-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-content-navigation-h,[stzh-hidden].sc-stzh-pi-content-navigation-h{display:none}.sc-stzh-pi-content-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::before,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-content-navigation-h .has-focus.sc-stzh-pi-content-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation{outline-style:none !important}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-pi-content-navigation-h{--arrow-background-color:var(\n    --stzh-pi-content-navigation-arrow-background-color,\n    var(--stzh-color-secondary30)\n  );display:flex;flex-direction:column}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{position:relative;flex-grow:1;display:flex;flex-direction:column;gap:var(--stzh-space-small);background-color:var(--stzh-color-coolgrey20)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{border:0.125rem solid}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:hover .stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transform:translateX(0.25rem)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{width:100%;display:none}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{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-deci-font-size);line-height:var(--stzh-font-deci-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer;flex-grow:1;padding-bottom:2.5rem}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{z-index:1}.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;position:absolute;right:0;bottom:0;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation--has-image.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{display:block}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30);aspect-ratio:2/1;display:flex;align-items:center;padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{height:-moz-fit-content;height:fit-content}';const c=s;const h=class{constructor(i){t(this,i);this.stzhClick=n(this,"stzhClick",7);this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-content-navigation",originalEvent:t,href:this.href})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.navigationLevel="1";this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var t,n;const i=this.analyticsId||this.heading||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.cardLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;return i(t,{class:"stzh-pi-content-navigation__title",ref:t=>this.headingTextElement=t},this.heading||i("slot",{name:"heading"}))}render(){const t=!!this.lead||o(this.element,"lead");const n=o(this.element,"image");const e=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&e;const c=e&&!s;const h={"stzh-pi-content-navigation":true,"stzh-pi-content-navigation--has-lead":t,"stzh-pi-content-navigation--has-image":s,"stzh-pi-content-navigation--is-navigation-level-1-or-2":e};const p=this.href?"a":"button";return i(a,{key:"a3fd38b13f204da18ff2cd87a7e95d325a45ba33","has-lead":t},i("article",{key:"4407073abea135beca06925a13b99dac867afc17",class:h,"aria-label":this.heading,role:"listitem"},i(p,{key:"f42819cacaad708ee4093b76ea93449d8b79c8ae",ref:t=>this.cardLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{key:"eefb2ee794458a1e05d57034d335526c22675230",class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{key:"09387c9e0fb9b8526a4aab1983a2f621e5b49093",ratio:"2:1"},i("slot",{key:"67c47c251162891ba28286a94f91a90b5280dfb4",name:"image"}))),c&&i("div",{key:"31aeb48e1897bd717f2618b5e4235305a6d6be7b",class:"stzh-pi-content-navigation__title-ratio"},this.renderHeading()),i("div",{key:"b1a488d455af3da7fba0d926d0d4c0acd9ec4f9b",class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),t&&i("div",{key:"1c1695ad670a4f94e260077c6d8c0ffefe37600a",class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"cafeeac85332c4ba22a1dd6e8700ddef67b59ef1",class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{key:"09405b42dc576bddb3f31c74f99ee4e152f4e8c0",class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"})))))}get element(){return e(this)}};h.style=c;export{h as stzh_pi_content_navigation};
-//# sourceMappingURL=p-21c8ffbe.entry.js.map
+import{r as t,c as n,h as i,a,g as e}from"./p-ef5985a3.js";import{h as o}from"./p-87c329f2.js";import"./p-dae15605.js";const s='.sc-stzh-pi-content-navigation-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-content-navigation-h,[stzh-hidden].sc-stzh-pi-content-navigation-h{display:none}.sc-stzh-pi-content-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::before,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-content-navigation-h .has-focus.sc-stzh-pi-content-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation{outline-style:none !important}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-pi-content-navigation-h{--arrow-background-color:var(\n    --stzh-pi-content-navigation-arrow-background-color,\n    var(--stzh-color-secondary30)\n  );display:flex;flex-direction:column}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{position:relative;flex-grow:1;display:flex;flex-direction:column;gap:var(--stzh-space-small);background-color:var(--stzh-color-coolgrey20)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{border:0.125rem solid}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:hover .stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transform:translateX(0.25rem)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{width:100%;display:none}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{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-deci-font-size);line-height:var(--stzh-font-deci-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer;flex-grow:1;padding-bottom:2.5rem}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{z-index:1}.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;position:absolute;right:0;bottom:0;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation--has-image.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{display:block}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30);aspect-ratio:2/1;display:flex;align-items:center;padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{height:-moz-fit-content;height:fit-content}';const c=s;const h=class{constructor(i){t(this,i);this.stzhClick=n(this,"stzhClick",7);this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-content-navigation",originalEvent:t,href:this.href})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.navigationLevel="1";this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var t,n;const i=this.analyticsId||this.heading||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.cardLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;return i(t,{class:"stzh-pi-content-navigation__title",ref:t=>this.headingTextElement=t},this.heading||i("slot",{name:"heading"}))}render(){const t=!!this.lead||o(this.element,"lead");const n=o(this.element,"image");const e=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&e;const c=e&&!s;const h={"stzh-pi-content-navigation":true,"stzh-pi-content-navigation--has-lead":t,"stzh-pi-content-navigation--has-image":s,"stzh-pi-content-navigation--is-navigation-level-1-or-2":e};const p=this.href?"a":"button";return i(a,{key:"933d0b13186f03a4ce042c8d72f205fa011e11b2","has-lead":t},i("article",{key:"3cc3c0f63e068e954dc3b5a0396a53bfb8e1eb5c",class:h,"aria-label":this.heading,role:"listitem"},i(p,{key:"871106e609ccb048597e683dcb1ee53b2e387119",ref:t=>this.cardLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{key:"840776e707a0ca2107fe8b242627b2b8635f1358",class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{key:"304c98a4a7ea699d5214c525dea8468fded38c20",ratio:"2:1"},i("slot",{key:"a69c424f1e474b2bae06621bab40ee788269d06a",name:"image"}))),c&&i("div",{key:"6580dff4bd9bf671d9b4391bbc6c0417c39b5d1d",class:"stzh-pi-content-navigation__title-ratio"},this.renderHeading()),i("div",{key:"7b3e44b1e6cdc3c21719940fec71a8ae143039e0",class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),t&&i("div",{key:"5d75d6476fd7087fdd15f9cf908c915804b68c99",class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"49c5ca735da434e56acd40876390a3a09a7292f9",class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{key:"552c7d67259cff681582a4d7a741a5f9cbe03b4a",class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"})))))}get element(){return e(this)}};h.style=c;export{h as stzh_pi_content_navigation};
+//# sourceMappingURL=p-1a926012.entry.js.map

package/dist/stzh-components/{p-0585149c.entry.js → p-1b517ef0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as e,g as o}from"./p-ef5985a3.js";import{s as i,c as n}from"./p-87c329f2.js";import{b as r}from"./p-dae15605.js";const a=":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 .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";const h=a;const c=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-print":true};return s(e,{key:"7aa8cb465f5d22a4fea5652d40facd597463b464"},s("div",{key:"1b68438e12520e26451a6d3da93087a50a6272bf",class:t},s("slot",{key:"8fa1edaa929408c32264ed7675ac8a5fdbf939ad"})))}get element(){return o(this)}};c.style=h;const l=".sc-stzh-share-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}";const d=l;const f=256;const u=class{constructor(s){t(this,s);this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.mailSubject=undefined;this.mailBody=undefined;this.services=["mail","facebook","twitter","linkedin","xing"]}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const a=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const h=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const c=encodeURIComponent(document.title);const l=encodeURIComponent(r(c,f));const d=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${a}&body=${h}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${l}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${d}&title=${c}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"ba8bc5d8f6a453874af6ca90b82fa7cb2da8cd80"},s("div",{key:"83b128f037a1ab39ea3148a8ea2f7595be1c2bc9",class:o},s("ul",{key:"527de85326a806872ddb555fe44d5a212867f8b4",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};u.style=d;export{c as stzh_print,u as stzh_share};
-//# sourceMappingURL=p-0585149c.entry.js.map
+import{r as t,h as s,a as e,g as o}from"./p-ef5985a3.js";import{s as i,c as n}from"./p-87c329f2.js";import{b as r}from"./p-dae15605.js";const h=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";const a=h;const c=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-print":true};return s(e,{key:"d24ae42557e47fe95e2c534cb4859e5134578009"},s("div",{key:"0782d1abea06a050f47871f48627a9e8bac31a6a",class:t},s("slot",{key:"30d625c1171cdd2225f1bbda3e6a4b69b8879203"})))}get element(){return o(this)}};c.style=a;const l=".sc-stzh-share-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}";const d=l;const f=256;const u=class{constructor(s){t(this,s);this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.mailSubject=undefined;this.mailBody=undefined;this.services=["mail","facebook","twitter","linkedin","xing"]}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const a=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const c=encodeURIComponent(document.title);const l=encodeURIComponent(r(c,f));const d=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${a}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${l}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${d}&title=${c}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"ba8bc5d8f6a453874af6ca90b82fa7cb2da8cd80"},s("div",{key:"83b128f037a1ab39ea3148a8ea2f7595be1c2bc9",class:o},s("ul",{key:"527de85326a806872ddb555fe44d5a212867f8b4",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};u.style=d;export{c as stzh_print,u as stzh_share};
+//# sourceMappingURL=p-1b517ef0.entry.js.map

package/dist/stzh-components/p-3677f45f.entry.js

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

package/dist/stzh-components/p-3677f45f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhGeoRefDataCss","StzhGeoRefDataStyle0","CLASS_BODY_OPEN","GeoRefData","this","_availableTags","filterResults","handleFilterToggleClick","isFiltersContentOpen","handleApplyFilterClick","handleOverlayCloseClick","document","body","classList","remove","isOpen","urlParams","URLSearchParams","window","location","search","Array","from","keys","forEach","key","startsWith","delete","newUrl","pathname","toString","history","replaceState","appliedFilters","handleResize","async","metaWrapperElement","mapElement","resultsListElement","clientHeight","style","height","map","getMap","updateSize","mediaChangeHandler","isViewportLarge","media","matches","isViewportMedium","handleFilterChange","e","filtersArray","isArray","detail","value","length","_resetTag","filter","filterValue","noEmptyFilter","setTimeout","handleFilterResults","handleExtentVisibilityChange","showOnlyResultsForCurrentExtent","checked","setVisibleMarkers","handleSearchChange","searchIndex","searchResults","flatSearchResults","flatMap","field","result","Set","searchActive","combineFilterAndSearchResults","toggleViewMode","viewmode","availableTagsWatcher","newValue","JSON","parse","resetTagWatcher","undefined","applyFiltersFromUrl","filters","entries","slice","updateUrlWithFilters","loadMapData","mapDataUrl","response","fetch","rawMapData","text","parsedData","DOMParser","parseFromString","querySelectorAll","item","pos","_a","querySelector","textContent","poiid","_b","lat","lon","split","error","toastbarElement","toast","type","catch","loadPoiData","poiDataUrl","credentials","poiData","json","items","combineData","firstArray","secondArray","smallerArray","largerArray","matchingItem","find","largerArrayItem","Object","assign","sort","a","b","title","localeCompare","noTitleException","enhanceTags","availableTags","combinedData","label","noLabelException","tag","counter","tags","includes","noTagsException","variant","buildSearchIndex","data","Document","tokenize","matcher","id","searchIndexIdField","index","searchIndexFields","add","mapMovedPannedOrZoomed","visibleMarkers","getVisibleMarkers","finalResults","visibleMarker","getId","setEnhancedTags","setPaginatedResults","finalResultsPaginatedList","numberOfItemsToLoad","canLoadMore","checkDirectOpenViaUrl","idFromUrl","get","al","initializeAndOpenMap","componentDidLoad","resizeObserver","ResizeObserver","observe","connectedCallback","addMediaChangeListener","resetTag","disconnectedCallback","removeMediaChangeListener","disconnect","isLoading","has","set","extent","parseFloat","isNaN","updateViewToFitMarkers","isInitialized","mapException","enhancedTags","enhancedResetTag","unshift","some","filterActive","replaceMapMarkers","loadMore","finalResultsPaginationOffset","sliced","concat","removeAllIconMarkers","addIconMarker","description","imageUri","baseUrlOverride","image","href","path","handlePoiTeaserMouseEnter","marker","findMarkerById","setIconMarkerActive","handlePoiTeaserMouseLeave","setIconMarkerInactive","render","classes","h","Host","ref","el","class","onClick","name","open","sticky","slot","curve","heading","icon","iconOnly","size","onStzhClick","onStzhChange","multiple","defaultValue","fullwidth","hideOptional","centerMarker","zoom","zoomLocation","writeExtentToUrlEnabled","locationControl","pinchRotateThreshold","Fragment","onMouseEnter","onMouseLeave","poiname","ratio","portrait","src","alt"],"sources":["src/components/CMS/stzh-geo-ref-data/stzh-geo-ref-data.scss?tag=stzh-geo-ref-data&encapsulation=shadow","src/components/CMS/stzh-geo-ref-data/stzh-geo-ref-data.tsx"],"sourcesContent":[":host {\n  --teaser-list-width: 480px;\n  --meta-grid-template-areas: \"filters search\";\n  --results-grid-template-areas: \"map list\";\n}\n\n.stzh-geo-ref-data {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 899;\n  flex-direction: column;\n  transition: opacity ease 0.2s;\n  background-color: var(--stzh-color-white);\n\n  // initially hidden\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n\n  &--is-open {\n    display: flex;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: inherit;\n  }\n\n  &__header {\n    display: none;\n\n    @include mq($from: large) {\n      display: inherit;\n    }\n  }\n\n  &__content {\n    overflow: hidden;\n    height: 100%;\n  }\n\n  &--content-padding {\n    padding-left: $containerMargin;\n    padding-right: var(--stzh-space-medium);\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginSmall;\n    }\n  }\n\n  &__heading {\n    display: flex;\n    align-items: center;\n    background-color: var(--stzh-color-secondary20);\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n  }\n\n  /** Everything meta wrapper like search, filters etc. */\n\n  &__meta-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: space(large);\n\n    @include mq($to: large) {\n      padding-top: space(\"medium\");\n      padding-bottom: space(\"medium\");\n    }\n\n    @include spaceCurve(\"padding-top\", \"small\");\n    @include spaceCurve(\"padding-bottom\", \"small\");\n\n    @include mq($from: large) {\n      display: grid;\n      @include gridGutter;\n      grid-template-areas: var(--meta-grid-template-areas);\n      grid-template-columns: 1fr var(--teaser-list-width);\n    }\n  }\n\n  &__filters {\n    grid-area: filters;\n    flex: none;\n    margin-bottom: space(xxsmall);\n  }\n\n  &__filters-toggle {\n    @include mq($from: large) {\n      display: none;\n    }\n  }\n\n  &__filters-toggle stzh-chip {\n    @include mq($to: medium) {\n      --icon-gap: 0;\n    }\n  }\n\n  &__list-search {\n    display: none;\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n  }\n\n  &__filters-content {\n    display: none;\n\n    &--visible {\n      padding: $containerMargin;\n\n      @include mq($to: medium) {\n        //padding: $containerMarginSmall;\n      }\n\n      @include mq($to: large) {\n        display: flex;\n        gap: space(\"xxlarge\");\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: var(--stzh-color-white);\n        //padding: $containerMarginMedium;\n        z-index: 10;\n        flex-direction: column;\n        justify-content: space-between;\n      }\n    }\n\n    @include mq($from: large) {\n      display: block;\n    }\n  }\n\n  &__filters-apply-button {\n    display: block;\n\n    @include mq($from: large) {\n      display: none;\n    }\n  }\n\n  &__search {\n    grid-area: search;\n    width: 100%;\n\n    @include mq($from: large) {\n      width: var(--teaser-list-width);\n      padding-left: var(--stzh-space-medium);\n      padding-right: var(--stzh-space-xsmall);\n    }\n  }\n\n  &__search input {\n    @include fontSize(\"milli\");\n  }\n\n  &__results-toggle {\n    grid-area: resultstoggle;\n    flex: none;\n    margin-bottom: space(xxsmall);\n\n    @include mq($from: large) {\n      display: none;\n    }\n  }\n\n  /** Everything with results */\n\n  &__results-wrapper {\n    height: 100%;\n\n    @include mq($from: large) {\n      display: grid;\n      @include gridGutter;\n      grid-template-areas: var(--results-grid-template-areas);\n      grid-template-columns: minmax(0, 1fr) var(--teaser-list-width);\n    }\n  }\n\n  &__results-wrapper .inactive {\n    @include mq($to: large) {\n      visibility: hidden;\n      height: 0;\n      position: absolute;\n      overflow: hidden;\n    }\n  }\n\n  &__results-map {\n    grid-area: map;\n    position: relative;\n    height: 100%;\n  }\n\n  &__map-controls {\n    position: absolute;\n    top: space(small);\n    left: space(small);\n    background-color: var(--stzh-color-white);\n    padding: space(xsmall);\n  }\n\n  &__results-list {\n    grid-area: list;\n    padding-left: $containerMargin;\n    padding-right: var(--stzh-space-medium);\n    padding-bottom: space(\"xxlarge\");\n    overflow: auto;\n    @include scrollbars;\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      width: var(--teaser-list-width);\n      padding-left: 0;\n      overflow: auto;\n    }\n  }\n\n  &__results-list-heading {\n    margin-bottom: var(--stzh-space-medium);\n  }\n\n  &__ol-map {\n  }\n\n  &__teaser-list {\n    display: grid;\n    gap: var(--stzh-space-medium);\n    grid-template-columns: 1fr;\n\n    @include mq($from: small) {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    @include mq($from: large) {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  &__teaser-load-more {\n    display: flex;\n    justify-content: center;\n    margin-top: space(medium);\n  }\n\n  /** no filters */\n\n  &:not(&--has-filters) &__meta-wrapper {\n    @include mq($from: large) {\n      display: none;\n    }\n  }\n\n  &:not(&--has-filters) &__filters {\n    display: none;\n  }\n\n  &:not(&--has-filters) &__list-search {\n    @include mq($from: large) {\n      display: block;\n    }\n  }\n}\n\n.stzh-poi-teaser {\n  display: flex;\n  flex-direction: column-reverse;\n  background-color: var(--stzh-color-grey10);\n  position: relative;\n\n  @include mq($from: large) {\n    flex-direction: row;\n    height: 180px;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--stzh-color-secondary10);\n  }\n\n  &-content {\n    padding: var(--stzh-space-medium);\n    hyphens: auto;\n    flex-grow: 1;\n\n    stzh-heading {\n      margin-bottom: space(xsmall);\n      hyphens: auto;\n    }\n\n    stzh-text {\n      --color: var(--stzh-color-grey80);\n    }\n  }\n\n  &-link {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  &__image-wrapper {\n    position: relative;\n  }\n\n  &__ratio {\n    display: flex;\n    height: 100%;\n  }\n\n  &__image-inner-wrapper {\n    background-color: var(--stzh-color-grey20);\n    position: absolute;\n    inset: 0;\n    height: 100%;\n  }\n\n  &__image-inner-wrapper img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &-list-item {\n    display: flex;\n    gap: space(small);\n    margin-top: space(xxsmall);\n\n    stzh-icon,\n    stzh-text {\n      --color: var(--stzh-color-grey80);\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\";\nimport {\n  StzhAvailableTag,\n  StzhChipselectChangeEvent,\n  StzhChipselectItem,\n  StzhCombinedGeoRefData,\n  StzhGeoRefDataOverlayCloseClickEvent,\n  StzhMapGeoRefData,\n  StzhPoiGeoRefData,\n} from \"../../../index\";\nimport { Document } from \"flexsearch/dist/flexsearch.bundle.min.js\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../../utils/media-utils\";\n\nconst CLASS_BODY_OPEN = \"stzh-overlay-open\";\n\n/**\n * @slot logo - Slot for brand logo\n */\n@Component({\n  tag: \"stzh-geo-ref-data\",\n  styleUrl: \"stzh-geo-ref-data.scss\",\n  shadow: true,\n})\nexport class GeoRefData {\n  /** ID for this instance, can be used to open via URL query param \"al=<id>\" - name \"al\" for historical reasons */\n  @Prop({ reflect: true }) al: string = \"\";\n\n  /** Heading for the overlay. */\n  @Prop({ reflect: true }) heading: string = \"\";\n\n  /** The URL for fetching the card data */\n  @Prop({ reflect: true }) mapDataUrl: string = \"\";\n\n  /** The URL used for fetching the POI data. */\n  @Prop({ reflect: true }) poiDataUrl: string = \"\";\n\n  /** Base URL used for all external requests (map, card). */\n  @Prop() baseUrlOverride: string = \"https://www.stadt-zuerich.ch\";\n\n  /** Whether map should have a location control */\n  @Prop({ reflect: true }) locationControl: boolean = true;\n\n  /** Whether to display an icon marker in the center */\n  @Prop() centerMarker: boolean = false;\n\n  /** Initial zoom */\n  @Prop() zoom: number = 7;\n\n  /** Zoom set when location is enabled */\n  @Prop() zoomLocation: number = 7;\n\n  /** Minimal angle in radians to start a rotation */\n  @Prop() pinchRotateThreshold: number = 0.3;\n\n  /** To make sure all tags are mapped to their identificator, only these will be available. */\n  @Prop() availableTags: StzhAvailableTag[] | string = [];\n  private _availableTags: StzhAvailableTag[] = [];\n\n  /** Reset tag (the first one). */\n  @Prop() resetTag: StzhChipselectItem | string;\n  private _resetTag: StzhChipselectItem;\n\n  /** Fields for building the search index. */\n  @Prop()\n  searchIndexFields: string[] = [\"title\", \"poiname\", \"street\", \"zip\", \"description\"];\n\n  /** Fields for building the search index. */\n  @Prop() searchIndexIdField: string = \"poiid\";\n\n  @Watch(\"availableTags\")\n  availableTagsWatcher(newValue: StzhAvailableTag[] | string) {\n    if (!newValue) {\n      this._availableTags = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._availableTags = JSON.parse(newValue);\n      } catch (e) {\n        this._availableTags = [];\n      }\n    } else {\n      this._availableTags = newValue;\n    }\n  }\n\n  @Watch(\"resetTag\")\n  resetTagWatcher(newValue: StzhChipselectItem | string) {\n    if (!newValue) {\n      this._resetTag = undefined;\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._resetTag = JSON.parse(newValue);\n      } catch (e) {\n        this._resetTag = undefined;\n      }\n    } else {\n      this._resetTag = newValue;\n    }\n  }\n\n  @State() filterActive: boolean = false;\n  @State() searchActive: boolean = false;\n  @State() showOnlyResultsForCurrentExtent: boolean = true;\n  @State() finalResults: StzhCombinedGeoRefData[] = [];\n  @State() finalResultsPaginatedList: StzhCombinedGeoRefData[] = [];\n  @State() finalResultsPaginationOffset = 0;\n\n  @State() viewmode: \"map\" | \"list\" = \"map\";\n  @State() isViewportLarge: boolean;\n  @State() isViewportMedium: boolean;\n  @State() isInitialized: boolean;\n  @State() isOpen: boolean;\n  @State() isLoading: boolean;\n  @State() numberOfItemsToLoad: number = 20;\n  @State() canLoadMore: boolean;\n  @State() appliedFilters: string[] = [\"\"];\n  @State() isFiltersContentOpen: boolean = false;\n\n  /** Overlay close click event */\n  @Event()\n  stzhOverlayCloseClick: EventEmitter<StzhGeoRefDataOverlayCloseClickEvent>;\n\n  private combinedData: StzhCombinedGeoRefData[];\n  private enhancedTags: StzhChipselectItem[];\n  private searchIndex: Document;\n\n  private filterResults: StzhCombinedGeoRefData[] = [];\n  private searchResults: Set<string>;\n\n  @Element() element: HTMLStzhGeoRefDataElement;\n  private mapElement: HTMLStzhOlmapElement;\n  private toastbarElement: HTMLStzhToastbarElement;\n  private metaWrapperElement: HTMLDivElement;\n  private resultsListElement: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  private applyFiltersFromUrl() {\n    const urlParams = new URLSearchParams(window.location.search);\n\n    // Find all filter parameters from the URL\n    const filters = Array.from(urlParams.entries())\n      .filter(([key, value]) => key.startsWith(\"filters[\") && value === \"true\")\n      .map(([key]) => key.slice(8, -1)); // Extract the filter key (removing 'filters[' and ']')\n\n    // Apply filters if they exist\n    if (filters.length) {\n      this.appliedFilters = filters;\n      // Update the UI to show selected filters\n      this.updateUrlWithFilters(); // Keep the URL sync logic here\n      this.handleFilterChange({\n        detail: { value: filters },\n      } as CustomEvent<StzhChipselectChangeEvent>);\n    }\n  }\n\n  private handleFilterToggleClick = () => {\n    this.isFiltersContentOpen = true;\n  };\n\n  private handleApplyFilterClick = () => {\n    this.isFiltersContentOpen = false;\n  };\n\n  private handleOverlayCloseClick = () => {\n    // Remove the class from the body\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.isOpen = false;\n\n    // Get the current URL's query parameters\n    const urlParams = new URLSearchParams(window.location.search);\n\n    // Remove all filters (query parameters that start with \"filters[\")\n    Array.from(urlParams.keys()).forEach(key => {\n      if (key.startsWith(\"filters[\")) {\n        urlParams.delete(key);\n      }\n    });\n\n    // Remove all extent parameters (keys like \"extent[0]\", \"extent[1]\", etc.)\n    urlParams.delete(\"extent[0]\");\n    urlParams.delete(\"extent[1]\");\n    urlParams.delete(\"extent[2]\");\n    urlParams.delete(\"extent[3]\");\n\n    // Remove the al parameter\n    urlParams.delete(\"al\");\n\n    // Update the URL without reloading the page\n    const newUrl = `${window.location.pathname}?${urlParams.toString()}`;\n    history.replaceState(null, \"\", newUrl);\n\n    // Clear filters.\n    this.appliedFilters = [\"\"];\n  };\n\n  private handleResize = async () => {\n    if (!this.metaWrapperElement || !this.mapElement || !this.resultsListElement) {\n      return;\n    }\n      \n    if (this.metaWrapperElement.clientHeight) {\n      this.mapElement.style.height = `calc(100% - ${this.metaWrapperElement.clientHeight}px)`;\n      this.resultsListElement.style.height = `calc(100% - ${this.metaWrapperElement.clientHeight}px)`;\n    } else {\n      this.mapElement.style.height = `100%`;\n      this.resultsListElement.style.height = `100%`;\n    }\n    const map = await this.mapElement.getMap();\n    map.updateSize();\n  };\n\n  private mediaChangeHandler = () => {\n    this.isViewportLarge = media(\"large\").matches;\n    this.isViewportMedium = media(\"medium\").matches;\n  };\n\n  private async loadMapData(): Promise<StzhMapGeoRefData[]> {\n    if (!this.mapDataUrl) {\n      return [];\n    }\n    try {\n      const response = await fetch(this.mapDataUrl);\n      const rawMapData = await response.text();\n      const parsedData = new DOMParser().parseFromString(rawMapData, \"text/xml\");\n      return Array.from(parsedData.querySelectorAll(\"featureMember\")).map(item => {\n        const pos = item.querySelector(\"pos\")?.textContent;\n        const poiid = item.querySelector(\"poi_id\")?.textContent;\n        const [lat, lon] = pos?.split(\" \") || [];\n\n        return { poiid, lat, lon } as StzhMapGeoRefData;\n      });\n    } catch (error) {\n      this.toastbarElement\n        .toast(\"Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.\", {\n          type: \"error\",\n        })\n        .catch();\n    }\n  }\n\n  private async loadPoiData() {\n    if (!this.poiDataUrl) {\n      return [];\n    }\n    try {\n      const response = await fetch(this.poiDataUrl, { credentials: \"include\" });\n      const poiData = await response.json();\n      return poiData.items;\n    } catch (error) {\n      this.toastbarElement\n        .toast(\"Beim Laden der POI-Daten ist ein Fehler aufgetreten.\", {\n          type: \"error\",\n        })\n        .catch();\n    }\n  }\n\n  private combineData(\n    firstArray: StzhMapGeoRefData[] | StzhPoiGeoRefData[],\n    secondArray: StzhMapGeoRefData[] | StzhPoiGeoRefData[],\n  ): StzhCombinedGeoRefData[] {\n    if (!firstArray.length || !secondArray.length) {\n      return [];\n    }\n    // determine which array is smaller for performance\n    let smallerArray: any[];\n    let largerArray: any[];\n\n    if (firstArray.length < secondArray.length) {\n      smallerArray = firstArray;\n      largerArray = secondArray;\n    } else {\n      smallerArray = secondArray;\n      largerArray = firstArray;\n    }\n    // combine arrays based on poiid\n    return smallerArray\n      .map(item => {\n        const matchingItem = largerArray.find(largerArrayItem => largerArrayItem.poiid === item.poiid);\n        return { ...item, ...matchingItem };\n      })\n      .sort((a, b) => {\n        try {\n          return a.title.localeCompare(b.title); // Sorts alphabetically by the 'name' property\n        } catch (noTitleException) {\n          return 1;\n        }\n      });\n  }\n\n  private enhanceTags(availableTags: StzhAvailableTag[], combinedData: StzhCombinedGeoRefData[]): StzhChipselectItem[] {\n    return availableTags\n      .sort((a, b) => {\n        try {\n          a.label.localeCompare(b.label);\n        } catch (noLabelException) {\n          return 1;\n        }\n      })\n      .map(tag => {\n        const counter = combinedData\n          .filter(item => {\n            try {\n              return item.tags.includes(tag.value);\n            } catch (noTagsException) {\n              return false;\n            }\n          })\n          .length.toString();\n        return { ...tag, counter, variant: \"filter\" };\n      });\n  }\n\n  private buildSearchIndex(data: StzhCombinedGeoRefData[]) {\n    if (!data.length) {\n      return;\n    }\n    this.searchIndex = new Document({\n      tokenize: \"forward\",\n      matcher: {\n        \"[äà]\": \"a\",\n        \"[öó]\": \"o\",\n        \"[üûúù]\": \"u\",\n        \"[éè]\": \"e\",\n      },\n      document: {\n        id: this.searchIndexIdField,\n        index: this.searchIndexFields,\n      },\n    });\n    data.forEach(item => {\n      this.searchIndex.add(item);\n    });\n  }\n\n  @Listen(\"stzhPostRender\")\n  @Listen(\"stzhMovePanZoom\")\n  async mapMovedPannedOrZoomed() {\n    await this.setVisibleMarkers();\n  }\n\n  private async setVisibleMarkers() {\n    if (this.combinedData) {\n      const visibleMarkers = await this.mapElement.getVisibleMarkers();\n      if (this.showOnlyResultsForCurrentExtent) {\n        this.finalResults = this.combinedData.filter(item =>\n          visibleMarkers.find(visibleMarker => visibleMarker.getId() === item.poiid),\n        );\n      } else {\n        this.finalResults = this.combinedData;\n      }\n      this.setEnhancedTags();\n      await this.setPaginatedResults();\n    }\n  }\n\n  private async setPaginatedResults() {\n    this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);\n    this.canLoadMore = this.finalResults.length > this.numberOfItemsToLoad;\n  }\n\n  private async checkDirectOpenViaUrl() {\n    const urlParams = new URLSearchParams(window.location.search);\n    const idFromUrl = urlParams.get(\"al\");\n\n    if (idFromUrl && idFromUrl === this.al) {\n      await this.initializeAndOpenMap();\n    }\n  }\n\n  componentDidLoad() {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.handleResize();\n    });\n    if (this.metaWrapperElement) {\n      this.resizeObserver.observe(this.metaWrapperElement);\n    }\n    this.handleResize();\n  }\n\n  connectedCallback() {\n    this.mediaChangeHandler();\n    addMediaChangeListener(this.mediaChangeHandler);\n    this.availableTagsWatcher(this.availableTags);\n    this.resetTagWatcher(this.resetTag);\n    this.checkDirectOpenViaUrl();\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  private async initializeAndOpenMap() {\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.isLoading = true;\n    this.isOpen = true;\n\n    // Write the \"al\" prop of the component to the current URL as query param if it is not already there\n    const urlParams = new URLSearchParams(window.location.search);\n    if (!urlParams.has(\"al\")) {\n      urlParams.set(\"al\", this.al);\n      const newUrl = `${window.location.pathname}?${urlParams.toString()}`;\n      history.replaceState(null, \"\", newUrl);\n    }\n\n    try {\n      this.combinedData = this.combineData(await this.loadMapData(), await this.loadPoiData());\n      this.setEnhancedTags();\n      this.applyFiltersFromUrl();\n      this.buildSearchIndex(this.combinedData);\n      this.finalResults = this.combinedData;\n      await this.setVisibleMarkers();\n      await this.combineFilterAndSearchResults();\n      await this.handleResize();\n\n      const urlParams = new URLSearchParams(window.location.search);\n      const extent = [\n        parseFloat(urlParams.get(\"extent[0]\")),\n        parseFloat(urlParams.get(\"extent[1]\")),\n        parseFloat(urlParams.get(\"extent[2]\")),\n        parseFloat(urlParams.get(\"extent[3]\")),\n      ];\n\n      if (!extent.length || isNaN(extent[0]) || isNaN(extent[1]) || isNaN(extent[2]) || isNaN(extent[3])) {\n        await this.mapElement.updateViewToFitMarkers();\n      }\n\n      await this.handleResize();\n      this.isInitialized = true;\n    } catch (mapException) {\n      this.toastbarElement\n        .toast(\"Beim Laden der Karte ist ein Fehler aufgetreten.\", {\n          type: \"error\",\n        })\n        .catch();\n    }\n\n    setTimeout(() => {\n      this.isLoading = false;\n    }, 500);\n  }\n\n  private updateUrlWithFilters() {\n    const urlParams = new URLSearchParams(window.location.search);\n\n    // Remove existing filters from URL\n    Array.from(urlParams.keys()).forEach(key => {\n      if (key.startsWith(\"filters[\")) {\n        urlParams.delete(key);\n      }\n    });\n\n    // Add the selected filters from `appliedFilters` to the URL\n    this.appliedFilters.forEach(filter => {\n      urlParams.set(`filters[${filter}]`, \"true\");\n    });\n\n    // Update the URL without reloading the page\n    const newUrl = `${window.location.pathname}?${urlParams.toString()}`;\n    history.replaceState(null, \"\", newUrl);\n  }\n\n  private setEnhancedTags() {\n    this.enhancedTags = this.enhanceTags(this._availableTags, this.finalResults);\n    const enhancedResetTag = {\n      ...this._resetTag,\n      counter: this.finalResults.length.toString(),\n    };\n    if (this._resetTag) {\n      this.enhancedTags.unshift(enhancedResetTag);\n    }\n  }\n\n  private handleFilterChange = async (e: CustomEvent<StzhChipselectChangeEvent>) => {\n    let filtersArray = Array.isArray(e.detail.value) ? e.detail.value : [e.detail.value];\n    if (filtersArray.length === 1 && filtersArray[0] === this._resetTag.value) {\n      this.appliedFilters = [];\n    } else {\n      try {\n        filtersArray = filtersArray.filter(filterValue => filterValue !== \"\");\n      } catch (noEmptyFilter) {\n        // nothing to do here\n      }\n      this.appliedFilters = filtersArray;\n    }\n    setTimeout(async () => {\n      await this.handleFilterResults();\n    });\n  };\n\n  private async handleFilterResults() {\n    // Update the component state based on the selected filters\n    if (this.appliedFilters.length !== 0) {\n      this.filterResults = this.finalResults.filter(\n        item => item.tags && item.tags.some(tag => this.appliedFilters.includes(tag)),\n      );\n      this.filterActive = true;\n    } else {\n      this.filterActive = false;\n      this.filterResults = this.finalResults;\n    }\n\n    // Update the URL with the applied filters\n    this.updateUrlWithFilters();\n\n    // Combine the results from filters and search\n    await this.combineFilterAndSearchResults();\n  }\n\n  private handleExtentVisibilityChange = async e => {\n    this.showOnlyResultsForCurrentExtent = e.detail.checked;\n    await this.setVisibleMarkers();\n  };\n\n  private handleSearchChange = async (e: CustomEvent) => {\n    if (e.detail.value !== \"\") {\n      if (!this.searchIndex) {\n        return;\n      }\n      const searchResults = this.searchIndex.search(e.detail.value);\n      const flatSearchResults = searchResults.flatMap(field => field.result);\n      this.searchResults = new Set(flatSearchResults);\n      this.searchActive = true;\n    } else {\n      this.searchActive = false;\n    }\n    await this.combineFilterAndSearchResults();\n  };\n\n  private async combineFilterAndSearchResults() {\n    if (this.filterActive && !this.searchActive) {\n      this.finalResults = this.filterResults;\n    } else if (!this.filterActive && this.searchActive) {\n      this.finalResults = Array.from(this.searchResults).map(id => this.combinedData.find(item => item.poiid === id));\n    } else if (this.filterActive && this.searchActive) {\n      this.finalResults = this.filterResults.filter(item => this.searchResults.has(item.poiid));\n    } else {\n      this.finalResults = this.combinedData;\n    }\n\n    this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);\n\n    await this.replaceMapMarkers(this.finalResults);\n  }\n\n  private loadMore() {\n    this.finalResultsPaginationOffset++;\n    const sliced = this.finalResults.slice(\n      this.finalResultsPaginationOffset * this.numberOfItemsToLoad,\n      this.finalResultsPaginationOffset * this.numberOfItemsToLoad + this.numberOfItemsToLoad,\n    );\n    if (!sliced || !sliced.length || sliced.length < this.numberOfItemsToLoad) {\n      this.canLoadMore = false;\n    }\n    this.finalResultsPaginatedList = this.finalResultsPaginatedList.concat(sliced);\n  }\n\n  private async replaceMapMarkers(items: StzhCombinedGeoRefData[]) {\n    await this.mapElement.removeAllIconMarkers();\n    items\n      .filter(item => !!item.lat && !!item.lon)\n      .forEach(item => {\n        this.mapElement\n          .addIconMarker([parseFloat(item.lat), parseFloat(item.lon)], {\n            id: item.poiid,\n            title: item.title,\n            text: item.description,\n            data: item.data,\n            imageUri: `${this.baseUrlOverride}${item.image}`,\n            href: `${this.baseUrlOverride}${item.path}`,\n          })\n          .catch();\n      });\n    if (!this.showOnlyResultsForCurrentExtent) {\n      this.mapElement.updateViewToFitMarkers().catch();\n    }\n  }\n\n  private toggleViewMode = () => {\n    if (this.viewmode === \"map\") {\n      this.viewmode = \"list\";\n    } else {\n      this.viewmode = \"map\";\n    }\n  };\n\n  private async handlePoiTeaserMouseEnter(item: StzhCombinedGeoRefData) {\n    const marker = await this.mapElement.findMarkerById(item.poiid);\n    if (marker) {\n      await this.mapElement.setIconMarkerActive(marker);\n    }\n  }\n\n  private async handlePoiTeaserMouseLeave(item: StzhCombinedGeoRefData) {\n    const marker = await this.mapElement.findMarkerById(item.poiid);\n    if (marker) {\n      await this.mapElement.setIconMarkerInactive(marker);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-geo-ref-data\": true,\n      \"stzh-geo-ref-data--is-loading\": this.isLoading,\n      \"stzh-geo-ref-data--is-open\": this.isOpen,\n      \"stzh-geo-ref-data--has-filters\": this._availableTags.length > 0,\n    };\n    return (\n      <Host>\n        <stzh-toastbar ref={el => (this.toastbarElement = el as HTMLStzhToastbarElement)} />\n        <div class=\"stzh-geo-ref-data__trigger\" onClick={() => this.initializeAndOpenMap()}>\n          <slot name=\"trigger\"></slot>\n        </div>\n        <stzh-overlay open={this.isLoading}>\n          <stzh-loader label=\"Daten werden geladen...\"></stzh-loader>\n        </stzh-overlay>\n        <div class={classes}>\n          <div class=\"stzh-geo-ref-data__header-wrapper\">\n            <stzh-header class=\"stzh-geo-ref-data__header\" hide-metabar={true} sticky=\"disabled\">\n              <slot name=\"logo\" slot=\"logo\"></slot>\n            </stzh-header>\n            <div class=\"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding\">\n              <stzh-heading class=\"stzh-geo-ref-data__heading-heading\" curve=\"h2\">\n                {this.heading}\n              </stzh-heading>\n              <stzh-button\n                class=\"stzh-geo-ref-data__overlay-close\"\n                icon=\"close\"\n                iconOnly={true}\n                size=\"small\"\n                variant=\"tertiary\"\n                onClick={this.handleOverlayCloseClick}\n              ></stzh-button>\n            </div>\n          </div>\n\n          <div class=\"stzh-geo-ref-data__content\">\n            <div\n              class=\"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding\"\n              ref={el => (this.metaWrapperElement = el as HTMLDivElement)}\n            >\n              <div class=\"stzh-geo-ref-data__filters\">\n                {this._availableTags.length > 0 && (\n                  <div class=\"stzh-geo-ref-data__filters-toggle\">\n                    <stzh-chip\n                      label={this.isViewportMedium ? \"Filter\" : \"\"}\n                      variant=\"filter\"\n                      icon=\"filtering\"\n                      onStzhClick={this.handleFilterToggleClick}\n                    ></stzh-chip>\n                  </div>\n                )}\n                <div\n                  class={{\n                    \"stzh-geo-ref-data__filters-content\": true,\n                    \"stzh-geo-ref-data__filters-content--visible\": !this.isViewportLarge && this.isFiltersContentOpen,\n                  }}\n                >\n                  <stzh-chipselect\n                    label-hidden={true}\n                    label=\"Tags\"\n                    data={this.enhancedTags}\n                    onStzhChange={this.handleFilterChange}\n                    multiple={true}\n                    defaultValue={this.appliedFilters}\n                    value={this.appliedFilters}\n                  ></stzh-chipselect>\n                  <div class=\"stzh-geo-ref-data__filters-apply-button\">\n                    <stzh-button size=\"small\" fullwidth={true} onStzhClick={this.handleApplyFilterClick}>\n                      Anwenden\n                    </stzh-button>\n                  </div>\n                </div>\n              </div>\n              <div class=\"stzh-geo-ref-data__search\">\n                <stzh-input\n                  name=\"stzh-datatable-search\"\n                  onStzhChange={this.handleSearchChange}\n                  hideOptional={true}\n                  label=\"Suche\"\n                  type=\"search\"\n                ></stzh-input>\n              </div>\n              <div class=\"stzh-geo-ref-data__results-toggle\">\n                <stzh-chip\n                  onStzhClick={this.toggleViewMode}\n                  label={this.viewmode === \"map\" ? \"Liste\" : \"Karte\"}\n                  icon={this.viewmode === \"map\" ? \"bulleted-list\" : \"map\"}\n                  variant=\"filter\"\n                ></stzh-chip>\n              </div>\n            </div>\n            <div class=\"stzh-geo-ref-data__results-wrapper\">\n              <div class={`stzh-geo-ref-data__results-map ${this.viewmode === \"map\" ? \"active\" : \"inactive\"}`}>\n                <stzh-olmap\n                  class=\"stzh-geo-ref-data__ol-map\"\n                  centerMarker={this.centerMarker}\n                  zoom={this.zoom}\n                  zoomLocation={this.zoomLocation}\n                  writeExtentToUrlEnabled={this.isOpen}\n                  locationControl={this.locationControl}\n                  pinchRotateThreshold={this.pinchRotateThreshold}\n                  ref={el => (this.mapElement = el as HTMLStzhOlmapElement)}\n                ></stzh-olmap>\n                <div class=\"stzh-geo-ref-data__map-controls\">\n                  <stzh-checkbox\n                    label=\"Treffer an Kartenausschnitt anpassen\"\n                    checked={this.showOnlyResultsForCurrentExtent}\n                    hideOptional={true}\n                    onStzhChange={this.handleExtentVisibilityChange}\n                  ></stzh-checkbox>\n                </div>\n              </div>\n              <div\n                class={`stzh-geo-ref-data__results-list ${this.viewmode === \"list\" ? \"active\" : \"inactive\"}`}\n                ref={el => (this.resultsListElement = el as HTMLDivElement)}\n              >\n                {this.finalResults && (\n                  <Fragment>\n                    <div class=\"stzh-geo-ref-data__list-search\">\n                      <stzh-input\n                        name=\"stzh-datatable-search\"\n                        onStzhChange={this.handleSearchChange}\n                        hideOptional={true}\n                        label=\"Suche\"\n                        type=\"search\"\n                      ></stzh-input>\n                    </div>\n                    <stzh-text class=\"stzh-geo-ref-data__results-list-heading\">\n                      {this.finalResults.length} Treffer\n                    </stzh-text>\n                    <div class=\"stzh-geo-ref-data__teaser-list\">\n                      {this.finalResultsPaginatedList.map(item => (\n                        <div\n                          class=\"stzh-poi-teaser\"\n                          onMouseEnter={() => this.handlePoiTeaserMouseEnter(item)}\n                          onMouseLeave={() => this.handlePoiTeaserMouseLeave(item)}\n                        >\n                          <a class=\"stzh-poi-teaser-link\" href={this.baseUrlOverride + item.path}></a>\n                          <div class=\"stzh-poi-teaser-content\">\n                            <stzh-heading curve=\"lead\">{item.poiname}</stzh-heading>\n                            {item.description && <stzh-text size=\"micro\">{item.description}</stzh-text>}\n                            {item.data &&\n                              item.data.length > 0 &&\n                              item.data.map(item => (\n                                <div class=\"stzh-poi-teaser-list-item\">\n                                  <stzh-icon name={item.icon}></stzh-icon>\n                                  <stzh-text size=\"micro\">{item.text}</stzh-text>\n                                </div>\n                              ))}\n                          </div>\n                          {item.image && (\n                            <div class=\"stzh-poi-teaser__image-wrapper\">\n                              <stzh-ratio\n                                ratio={\"2:1\"}\n                                ratio-large={\"5:4\"}\n                                ratio-ultra={\"1:1\"}\n                                portrait={this.isViewportLarge}\n                                class=\"stzh-poi-teaser__ratio\"\n                              ></stzh-ratio>\n                              <div class=\"stzh-poi-teaser__image-inner-wrapper\">\n                                <img src={this.baseUrlOverride + item.image} alt={\"Foto von \" + item.poiname} />\n                              </div>\n                            </div>\n                          )}\n                        </div>\n                      ))}\n                    </div>\n                    {this.canLoadMore && (\n                      <div class=\"stzh-geo-ref-data__teaser-load-more\">\n                        <stzh-button onStzhClick={() => this.loadMore()}>Weitere laden</stzh-button>\n                      </div>\n                    )}\n                  </Fragment>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-2925f080.entry.js → p-37f3a254.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,F as e,a,g as i}from"./p-ef5985a3.js";import{m as h,a as n,r as c}from"./p-f4adb3cd.js";const r=".sc-stzh-bathstatus-item-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-bathstatus-item-h,[stzh-hidden].sc-stzh-bathstatus-item-h{display:none}.sc-stzh-bathstatus-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-bathstatus-item-h *.sc-stzh-bathstatus-item,.sc-stzh-bathstatus-item-h *.sc-stzh-bathstatus-item::before,.sc-stzh-bathstatus-item-h *.sc-stzh-bathstatus-item::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-bathstatus-item-h .has-focus.sc-stzh-bathstatus-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-bathstatus-item-h .stzh-fylingfocus-focused.sc-stzh-bathstatus-item{outline-style:none !important}.sc-stzh-bathstatus-item-h .stzh-fylingfocus-focused.sc-stzh-bathstatus-item::-moz-focus-inner{border:0 !important}.stzh-bathstatus-item.sc-stzh-bathstatus-item{background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-xlarge);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-large)}.stzh-bathstatus-item__description.sc-stzh-bathstatus-item,.stzh-bathstatus-item-value.sc-stzh-bathstatus-item{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-bathstatus-item__title.sc-stzh-bathstatus-item{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)}@media screen and (min-width: 900px){.stzh-bathstatus-item__title.sc-stzh-bathstatus-item{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-bathstatus-item-container.sc-stzh-bathstatus-item{display:grid;grid-template-columns:max-content 1fr;gap:var(--stzh-space-small) var(--stzh-space-xlarge);align-items:center}.stzh-bathstatus-item-key.sc-stzh-bathstatus-item{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);color:var(--stzh-color-grey70)}.stzh-bathstatus-item--teaser.sc-stzh-bathstatus-item .stzh-bathstatus-item__title.sc-stzh-bathstatus-item{display:none}.stzh-bathstatus-item--teaser.sc-stzh-bathstatus-item .stzh-bathstatus-item__description.sc-stzh-bathstatus-item{margin-bottom:var(--stzh-space-medium)}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item{padding-top:var(--stzh-space-small);padding-right:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-bathstatus-item--list.sc-stzh-bathstatus-item{padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large)}}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item__description.sc-stzh-bathstatus-item,.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-key.sc-stzh-bathstatus-item,.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-uv-index-prediction.sc-stzh-bathstatus-item{display:none}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-container.sc-stzh-bathstatus-item{grid-template-columns:repeat(4, minmax(0, 1fr))}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-value.sc-stzh-bathstatus-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}@media screen and (min-width: 900px){.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-value.sc-stzh-bathstatus-item{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)}}";const d=r;const b=class{constructor(s){t(this,s);this.mediaChangeHandler=()=>{this.isMedium=h("medium").matches};this.init=()=>{this.itemWatcher(this.item)};this.localization=undefined;this.variant="teaser";this.item="";this.dateAdapter=undefined;this.isMedium=undefined}itemWatcher(t){if(!t){this._item=undefined}else if(typeof t==="string"){try{this._item=JSON.parse(t)}catch(t){this._item=undefined}}else{this._item=t}}getParsedDate(t){const s=new Date(t);if(isNaN(s.getTime())){return null}return s}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"bathstatus-item")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}connectedCallback(){this.init();this.mediaChangeHandler();n(this.mediaChangeHandler)}disconnectedCallback(){c(this.mediaChangeHandler)}render(){const t={"stzh-bathstatus-item":true,[`stzh-bathstatus-item--${this.variant}`]:true};return s(a,{key:"049ceb12ea36d8540d62245110542cbce804d6b7"},s("div",{key:"af93314d9a9712643b4d758e67917778116a616f",class:t},!!this._item.description&&s("div",{key:"a917b9349b134461be1f738f085debbfa03e2c41",class:"stzh-bathstatus-item__description"},this._item.description),s("div",{key:"c17dfc404306d2a753860a1e9ec34b09a12fe7e0",class:"stzh-bathstatus-item-container"},s("stzh-link",{key:"816825ba461c708ce5e51a5196339b57088a10e7",class:"stzh-bathstatus-item__title",size:"default",textAlign:"left",href:this._item.url,label:this._item.title}),!!this._item.temp&&s(e,{key:"4fd0ead4e664c429f7059e76be391f461aed1f4a"},s("div",{key:"37cd3e23f818f23b490ba7dc4f8e33e34dd33313",class:"stzh-bathstatus-item-key"},this.localization.temperature),s("div",{key:"8da0302df8f4a96d97b4b1ee68d8b77f3a5ca06e",class:"stzh-bathstatus-item-value"},this._item.temp)),!!this._item.statusMessage&&s(e,{key:"8079570e42ca70cb479de3bd52a83e6a107072c0"},s("div",{key:"de3c53cbaba3c12fe1909beb09cb03934aa11c1e",class:"stzh-bathstatus-item-key"},this.localization.status),s("div",{key:"1c4feab9ed2646ad86985f039a57004d5feef86a",class:"stzh-bathstatus-item-value"},this._item.statusMessage)),!!this._item.lastUpdate&&s(e,{key:"d2d5919b7b779a9b27af04eede9158d949a42775"},s("div",{key:"dd9813587fc67e9a4f6e994a4e51d7b8e1b5591b",class:"stzh-bathstatus-item-key"},this.localization.lastUpdate),s("div",{key:"426dc7476b0ff79c1fc4f5092d67fbf7642875e3",class:"stzh-bathstatus-item-value"},this.isMedium?s(e,null,this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate),"datetimeLong")):s(e,null,this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate),"dateInput")," ",this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate),"time")))),!!this._item.uvIndexPrediction&&s(e,{key:"50848ab83a679b3e742996a4523a92f1c568176c"},s("div",{key:"74a87aa163cfbdb17db7aee6bc5bf11b98b36222",class:"stzh-bathstatus-item-key"},this.localization.uvIndexPrediction),s("div",{key:"09615be70ef67776a212324baa8f38c07d1362dc",class:"stzh-bathstatus-item-value stzh-bathstatus-item-uv-index-prediction"},s("img",{key:"b6743003860ceb1948142b2c27d927db63c4ed2a",src:`${window.stzhComponents.pathMedia}/uvindex/uvindex_${this._item.uvIndexPrediction}.gif`,alt:"UV Index"+this._item.uvIndexPrediction}))))))}get element(){return i(this)}static get watchers(){return{item:["itemWatcher"]}}};b.style=d;export{b as stzh_bathstatus_item};
-//# sourceMappingURL=p-2925f080.entry.js.map
+import{r as t,h as s,F as e,a,g as i}from"./p-ef5985a3.js";import{m as h,a as c,r as n}from"./p-f4adb3cd.js";const r=".sc-stzh-bathstatus-item-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-bathstatus-item-h,[stzh-hidden].sc-stzh-bathstatus-item-h{display:none}.sc-stzh-bathstatus-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-bathstatus-item-h *.sc-stzh-bathstatus-item,.sc-stzh-bathstatus-item-h *.sc-stzh-bathstatus-item::before,.sc-stzh-bathstatus-item-h *.sc-stzh-bathstatus-item::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-bathstatus-item-h .has-focus.sc-stzh-bathstatus-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-bathstatus-item-h .stzh-fylingfocus-focused.sc-stzh-bathstatus-item{outline-style:none !important}.sc-stzh-bathstatus-item-h .stzh-fylingfocus-focused.sc-stzh-bathstatus-item::-moz-focus-inner{border:0 !important}.stzh-bathstatus-item.sc-stzh-bathstatus-item{background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-xlarge);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-large)}.stzh-bathstatus-item__description.sc-stzh-bathstatus-item,.stzh-bathstatus-item-value.sc-stzh-bathstatus-item{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-bathstatus-item__title.sc-stzh-bathstatus-item{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)}@media screen and (min-width: 900px){.stzh-bathstatus-item__title.sc-stzh-bathstatus-item{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-bathstatus-item-container.sc-stzh-bathstatus-item{display:grid;grid-template-columns:max-content 1fr;gap:var(--stzh-space-small) var(--stzh-space-xlarge);align-items:center}.stzh-bathstatus-item-key.sc-stzh-bathstatus-item{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);color:var(--stzh-color-grey70)}.stzh-bathstatus-item--teaser.sc-stzh-bathstatus-item .stzh-bathstatus-item__title.sc-stzh-bathstatus-item{display:none}.stzh-bathstatus-item--teaser.sc-stzh-bathstatus-item .stzh-bathstatus-item__description.sc-stzh-bathstatus-item{margin-bottom:var(--stzh-space-medium)}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item{padding-top:var(--stzh-space-small);padding-right:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-bathstatus-item--list.sc-stzh-bathstatus-item{padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large)}}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item__description.sc-stzh-bathstatus-item,.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-key.sc-stzh-bathstatus-item,.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-uv-index-prediction.sc-stzh-bathstatus-item{display:none}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-container.sc-stzh-bathstatus-item{grid-template-columns:repeat(4, minmax(0, 1fr))}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-value.sc-stzh-bathstatus-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}@media screen and (min-width: 900px){.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-value.sc-stzh-bathstatus-item{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)}}";const d=r;const o=class{constructor(s){t(this,s);this.mediaChangeHandler=()=>{this.isMedium=h("medium").matches};this.init=()=>{this.itemWatcher(this.item)};this.localization=undefined;this.variant="teaser";this.item="";this.dateAdapter=undefined;this.isMedium=undefined}itemWatcher(t){if(!t){this._item=undefined}else if(typeof t==="string"){try{this._item=JSON.parse(t)}catch(t){this._item=undefined}}else{this._item=t}}getParsedDate(t){const s=new Date(t);if(isNaN(s.getTime())){return null}return s}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"bathstatus-item")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}connectedCallback(){this.init();this.mediaChangeHandler();c(this.mediaChangeHandler)}disconnectedCallback(){n(this.mediaChangeHandler)}render(){const t={"stzh-bathstatus-item":true,[`stzh-bathstatus-item--${this.variant}`]:true};return s(a,{key:"496723ede68faa084f028757800646bdb6d0efe5"},s("div",{key:"f964111a68fe87f325983a6cba18ad2e5e3a6822",class:t},!!this._item.description&&s("div",{key:"fcff4560326baecc20fe33318405cfec8001ce39",class:"stzh-bathstatus-item__description"},this._item.description),s("div",{key:"312ba9f35912c9b0f10b027b4ba45011c84dc328",class:"stzh-bathstatus-item-container"},s("stzh-link",{key:"9f44c9a983562d21fd3c236b39602174c38e4f68",class:"stzh-bathstatus-item__title",size:"default",textAlign:"left",href:this._item.url,label:this._item.title}),!!this._item.temp&&s(e,{key:"9f5707749b2d45751f613b44b66d53cce88062da"},s("div",{key:"a82f2637155056bd56516f90c63deba5a8f1513d",class:"stzh-bathstatus-item-key"},this.localization.temperature),s("div",{key:"55580e766b16ca9468671fb25adb6844a27f49cf",class:"stzh-bathstatus-item-value"},this._item.temp)),!!this._item.statusMessage&&s(e,{key:"68dbe0674fedf8368b91d6ed0af4fbe4cf23d6a3"},s("div",{key:"d8a01718ba91c0d39a6acdee5fb026be43c57cc5",class:"stzh-bathstatus-item-key"},this.localization.status),s("div",{key:"f6f0ed954a73ca41d033b0efdb1df98e2a1ffb99",class:"stzh-bathstatus-item-value"},this._item.statusMessage)),!!this._item.lastUpdate&&s(e,{key:"0b08d1badca10127a3aa9d1c8c37390f057c6da6"},s("div",{key:"bf907c9d6a91ae8517fd7acff92a2edc4b6d7436",class:"stzh-bathstatus-item-key"},this.localization.lastUpdate),s("div",{key:"493c1714b655cdfc47ce64af428730fc32df0a7d",class:"stzh-bathstatus-item-value"},this.isMedium?s(e,null,this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate),"datetimeLong")):s(e,null,this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate),"dateInput")," ",this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate),"time")))),!!this._item.uvIndexPrediction&&s(e,{key:"3299590f8fc202bed2614a89222e53953145acc4"},s("div",{key:"1c0efe42467f9a6281eb1ef34c8372bba53ff465",class:"stzh-bathstatus-item-key"},this.localization.uvIndexPrediction),s("div",{key:"7a1920a5ff79d5c04a55131260e7972b925a3d7a",class:"stzh-bathstatus-item-value stzh-bathstatus-item-uv-index-prediction"},s("img",{key:"138c3757b4ac5f239078c5bf22f7b48d664d5914",src:`${window.stzhComponents.pathMedia}/uvindex/uvindex_${this._item.uvIndexPrediction}.gif`,alt:"UV Index"+this._item.uvIndexPrediction}))))))}get element(){return i(this)}static get watchers(){return{item:["itemWatcher"]}}};o.style=d;export{o as stzh_bathstatus_item};
+//# sourceMappingURL=p-37f3a254.entry.js.map