@oiz/stzh-components 3.1.0 → 3.2.0-beta1

package/dist/stzh-components/{p-97df1d9f.entry.js → p-346d2f3d.entry.js}

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

package/dist/stzh-components/p-346f8661.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as c,a as s,g as n}from"./p-c7bfac7a.js";import{h as o}from"./p-e30a5acc.js";import"./p-9b063923.js";const a=".sc-stzh-contact-cv-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-contact-cv-h{display:none}.sc-stzh-contact-cv-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-cv-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-cv-h *.sc-stzh-contact-cv,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::before,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::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-contact-cv-h .has-focus.sc-stzh-contact-cv{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv{outline-style:none !important}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv::-moz-focus-inner{border:0 !important}.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-large)}}.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-large)}}.stzh-contact-cv__content-title.sc-stzh-contact-cv{margin-bottom:0;font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}";const e=class{constructor(c){t(this,c);this._trainings=[];this._hobbies=[];this.localization=undefined;this.jobtitle=undefined;this.responsibilities=undefined;this.trainings=undefined;this.hobbies=undefined}trainingsWatcher(t){if(typeof t==="string"){this._trainings=JSON.parse(t)}else{this._trainings=t}}hobbiesWatcher(t){if(typeof t==="string"){this._hobbies=JSON.parse(t)}else{this._hobbies=t}}async componentWillLoad(){this.trainingsWatcher(this.trainings);this.hobbiesWatcher(this.hobbies);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"contact-cv")}}render(){const t=o(this.element,"favorite-links");const n={"stzh-contact-cv":true,"stzh-contact-cv--has-favorite-links":t};return c(s,null,c("div",{class:n},c("div",{class:"stzh-contact-cv__content-wrapper"},c("stzh-text",{class:"stzh-contact-cv__content-block"},c("p",{class:"stzh-contact-cv__content-title"},this.localization.jobtitle),c("span",null,this.jobtitle)),c("stzh-text",{class:"stzh-contact-cv__content-block"},c("p",{class:"stzh-contact-cv__content-title"},this.localization.responsibilities),c("span",null,this.responsibilities)),c("stzh-text",{class:"stzh-contact-cv__content-block"},c("p",{class:"stzh-contact-cv__content-title"},this.localization.trainings),c("stzh-list",null,this._trainings.map((t=>c("stzh-list-item",null,t))))),c("stzh-text",{class:"stzh-contact-cv__content-block"},c("p",{class:"stzh-contact-cv__content-title"},this.localization.hobbies),c("stzh-list",null,this._hobbies.map((t=>c("stzh-list-item",null,t))))),c("div",{class:"stzh-contact-cv__favorite-links"},c("stzh-text",{class:"stzh-contact-cv__content-block"},c("p",{class:"stzh-contact-cv__content-title"},this.localization.favoriteLinks),c("slot",{name:"favorite-links"}))))))}get element(){return n(this)}static get watchers(){return{trainings:["trainingsWatcher"],hobbies:["hobbiesWatcher"]}}};e.style=a;export{e as stzh_contact_cv};
+//# sourceMappingURL=p-346f8661.entry.js.map

package/dist/stzh-components/p-346f8661.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhContactCvCss","StzhContactCv","this","_trainings","_hobbies","trainingsWatcher","newValue","JSON","parse","hobbiesWatcher","componentWillLoad","trainings","hobbies","localization","window","stzhComponents","utils","fetchTranslations","element","render","hasFavoriteLinks","hasSlot","classes","h","Host","class","jobtitle","responsibilities","map","training","hobby","favoriteLinks","name"],"sources":["src/components/stzh-contact-cv/stzh-contact-cv.scss?tag=stzh-contact-cv&encapsulation=scoped","src/components/stzh-contact-cv/stzh-contact-cv.tsx"],"sourcesContent":[":host {\n\n}\n\n.stzh-contact-cv {\n  @include spaceCurve('padding-top', 'small');\n\n  &__content-block {\n    @include spaceCurve('padding-bottom', 'small');\n  }\n\n  &__content-title {\n    margin-bottom: 0;\n    @include font('heavy');\n  }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhContactCvLocalizedText } from \"./stzh-contact-cv.localization\";\n\n/**\n * @slot favorite-links - slot for favorite links\n */\n@Component({\n  tag: \"stzh-contact-cv\",\n  styleUrl: \"stzh-contact-cv.scss\",\n  scoped: true,\n})\nexport class StzhContactCv {\n  /** Translation strings */\n  @Prop() localization: StzhContactCvLocalizedText;\n\n  /** Jobtitle */\n  @Prop() jobtitle: string;\n\n  /** Responsiblities */\n  @Prop() responsibilities: string;\n\n  /** Trainings */\n  @Prop() trainings: string | string[];\n  private _trainings: string[] = [];\n\n  /** Hobbies */\n  @Prop() hobbies: string | string[];\n  private _hobbies: string[] = [];\n\n  @Watch(\"trainings\")\n  trainingsWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      this._trainings = JSON.parse(newValue);\n    } else {\n      this._trainings = newValue;\n    }\n  }\n\n  @Watch(\"hobbies\")\n  hobbiesWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      this._hobbies = JSON.parse(newValue);\n    } else {\n      this._hobbies = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhContactCvElement;\n\n  async componentWillLoad() {\n    this.trainingsWatcher(this.trainings);\n    this.hobbiesWatcher(this.hobbies);\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"contact-cv\");\n    }\n  }\n\n  render() {\n    const hasFavoriteLinks = hasSlot(this.element, \"favorite-links\");\n\n    const classes = {\n      \"stzh-contact-cv\": true,\n      \"stzh-contact-cv--has-favorite-links\": hasFavoriteLinks,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-contact-cv__content-wrapper\">\n            <stzh-text class=\"stzh-contact-cv__content-block\">\n              <p class=\"stzh-contact-cv__content-title\">{this.localization.jobtitle}</p>\n              <span>{this.jobtitle}</span>\n            </stzh-text>\n            <stzh-text class=\"stzh-contact-cv__content-block\">\n              <p class=\"stzh-contact-cv__content-title\">{this.localization.responsibilities}</p>\n              <span>{this.responsibilities}</span>\n            </stzh-text>\n            <stzh-text class=\"stzh-contact-cv__content-block\">\n              <p class=\"stzh-contact-cv__content-title\">{this.localization.trainings}</p>\n              <stzh-list>\n                {this._trainings.map(training => (\n                  <stzh-list-item>{training}</stzh-list-item>\n                ))}\n              </stzh-list>\n            </stzh-text>\n            <stzh-text class=\"stzh-contact-cv__content-block\">\n              <p class=\"stzh-contact-cv__content-title\">{this.localization.hobbies}</p>\n              <stzh-list>\n                {this._hobbies.map(hobby => (\n                  <stzh-list-item>{hobby}</stzh-list-item>\n                ))}\n              </stzh-list>\n            </stzh-text>\n            <div class=\"stzh-contact-cv__favorite-links\">\n              <stzh-text class=\"stzh-contact-cv__content-block\">\n                <p class=\"stzh-contact-cv__content-title\">{this.localization.favoriteLinks}</p>\n                <slot name=\"favorite-links\"></slot>\n              </stzh-text>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAmB,ikE,MCaZC,EAAa,M,yBAYhBC,KAAAC,WAAuB,GAIvBD,KAAAE,SAAqB,G,oIAG7B,gBAAAC,CAAiBC,GACf,UAAWA,IAAa,SAAU,CAChCJ,KAAKC,WAAaI,KAAKC,MAAMF,E,KACxB,CACLJ,KAAKC,WAAaG,C,EAKtB,cAAAG,CAAeH,GACb,UAAWA,IAAa,SAAU,CAChCJ,KAAKE,SAAWG,KAAKC,MAAMF,E,KACtB,CACLJ,KAAKE,SAAWE,C,EAMpB,uBAAMI,GACJR,KAAKG,iBAAiBH,KAAKS,WAC3BT,KAAKO,eAAeP,KAAKU,SACzB,IAAKV,KAAKW,aAAc,CACtBX,KAAKW,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBf,KAAKgB,QAAS,a,EAI1F,MAAAC,GACE,MAAMC,EAAmBC,EAAQnB,KAAKgB,QAAS,kBAE/C,MAAMI,EAAU,CACd,kBAAmB,KACnB,sCAAuCF,GAGzC,OACEG,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,OAAKE,MAAM,oCACTF,EAAA,aAAWE,MAAM,kCACfF,EAAA,KAAGE,MAAM,kCAAkCvB,KAAKW,aAAaa,UAC7DH,EAAA,YAAOrB,KAAKwB,WAEdH,EAAA,aAAWE,MAAM,kCACfF,EAAA,KAAGE,MAAM,kCAAkCvB,KAAKW,aAAac,kBAC7DJ,EAAA,YAAOrB,KAAKyB,mBAEdJ,EAAA,aAAWE,MAAM,kCACfF,EAAA,KAAGE,MAAM,kCAAkCvB,KAAKW,aAAaF,WAC7DY,EAAA,iBACGrB,KAAKC,WAAWyB,KAAIC,GACnBN,EAAA,sBAAiBM,OAIvBN,EAAA,aAAWE,MAAM,kCACfF,EAAA,KAAGE,MAAM,kCAAkCvB,KAAKW,aAAaD,SAC7DW,EAAA,iBACGrB,KAAKE,SAASwB,KAAIE,GACjBP,EAAA,sBAAiBO,OAIvBP,EAAA,OAAKE,MAAM,mCACTF,EAAA,aAAWE,MAAM,kCACfF,EAAA,KAAGE,MAAM,kCAAkCvB,KAAKW,aAAakB,eAC7DR,EAAA,QAAMS,KAAK,uB"}

package/dist/stzh-components/{p-8f1dbd3b.entry.js → p-3912a256.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as t,h as i,a as n,g as s}from"./p-c7bfac7a.js";import{h as r}from"./p-7e304ea3.js";import"./p-9b063923.js";const e='.sc-stzh-card-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-card-navigation-h{display:none}.sc-stzh-card-navigation-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h *.sc-stzh-card-navigation,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::before,.sc-stzh-card-navigation-h *.sc-stzh-card-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-card-navigation-h .has-focus.sc-stzh-card-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation{outline-style:none !important}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-card-navigation-h{display:flex;flex-direction:column}.stzh-card-navigation.sc-stzh-card-navigation{position:relative;flex-grow:1;display:flex;gap:var(--stzh-space-small);background-color:var(--stzh-color-grey10)}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-medium);display:flex;align-items:center;flex-grow:1;padding-top:0.625rem;padding-bottom:0.625rem}@media screen and (min-width: 600px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xxlarge)}}.stzh-card-navigation__title.sc-stzh-card-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-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--stzh-color-primary70);margin:0}.stzh-card-navigation__title-link.sc-stzh-card-navigation{display:block;font-family:inherit;font-size:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{z-index:1}.stzh-card-navigation__lead.sc-stzh-card-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));margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-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)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-large)}}.stzh-card-navigation__arrow.sc-stzh-card-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30)}.stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{--size:var(--stzh-icon-size-large)}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__arrow.sc-stzh-card-navigation{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem}';const o=class{constructor(i){a(this,i);this.stzhClick=t(this,"stzhClick",7);this.handleCardClick=a=>{this.stzhClick.emit({component:"stzh-card-navigation",originalEvent:a,href:this.href})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var a,t;const i=this.analyticsId||((a=this.headingTextElement)===null||a===void 0?void 0:a.innerText);if(i){(t=this.titleLinkElement)===null||t===void 0?void 0:t.setAttribute("s-object-id",i)}}))}render(){const a=!!this.lead||r(this.element,"lead");const t={"stzh-card-navigation":true,"stzh-card-navigation--has-lead":a};const s=`h${this.headingLevel}`;const e=this.href?"a":"button";return i(n,{"has-lead":a},i("article",{class:t,"aria-label":this.heading,role:"listitem"},i("div",{class:"stzh-card-navigation__wrapper"},i(s,{class:"stzh-card-navigation__title"},i(e,{ref:a=>this.titleLinkElement=a,class:"stzh-card-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:a=>this.headingTextElement=a},this.heading?this.heading:i("slot",{name:"heading"})))),i("div",{class:"stzh-card-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{class:"stzh-card-navigation__arrow"},i("stzh-icon",{class:"stzh-card-navigation__arrow-icon",name:"arrow-right"}))))}get element(){return s(this)}};o.style=e;export{o as stzh_card_navigation};
-//# sourceMappingURL=p-8f1dbd3b.entry.js.map
+import{r as a,c as t,h as i,a as n,g as s}from"./p-c7bfac7a.js";import{h as r}from"./p-e30a5acc.js";import"./p-9b063923.js";const e='.sc-stzh-card-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-card-navigation-h{display:none}.sc-stzh-card-navigation-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h *.sc-stzh-card-navigation,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::before,.sc-stzh-card-navigation-h *.sc-stzh-card-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-card-navigation-h .has-focus.sc-stzh-card-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation{outline-style:none !important}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-card-navigation-h{display:flex;flex-direction:column}.stzh-card-navigation.sc-stzh-card-navigation{position:relative;flex-grow:1;display:flex;gap:var(--stzh-space-small);background-color:var(--stzh-color-grey10)}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-medium);display:flex;align-items:center;flex-grow:1;padding-top:0.625rem;padding-bottom:0.625rem}@media screen and (min-width: 600px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xxlarge)}}.stzh-card-navigation__title.sc-stzh-card-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-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--stzh-color-primary70);margin:0}.stzh-card-navigation__title-link.sc-stzh-card-navigation{display:block;font-family:inherit;font-size:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{z-index:1}.stzh-card-navigation__lead.sc-stzh-card-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));margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-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)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-large)}}.stzh-card-navigation__arrow.sc-stzh-card-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30)}.stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{--size:var(--stzh-icon-size-large)}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__arrow.sc-stzh-card-navigation{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem}';const o=class{constructor(i){a(this,i);this.stzhClick=t(this,"stzhClick",7);this.handleCardClick=a=>{this.stzhClick.emit({component:"stzh-card-navigation",originalEvent:a,href:this.href})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var a,t;const i=this.analyticsId||((a=this.headingTextElement)===null||a===void 0?void 0:a.innerText);if(i){(t=this.titleLinkElement)===null||t===void 0?void 0:t.setAttribute("s-object-id",i)}}))}render(){const a=!!this.lead||r(this.element,"lead");const t={"stzh-card-navigation":true,"stzh-card-navigation--has-lead":a};const s=`h${this.headingLevel}`;const e=this.href?"a":"button";return i(n,{"has-lead":a},i("article",{class:t,"aria-label":this.heading,role:"listitem"},i("div",{class:"stzh-card-navigation__wrapper"},i(s,{class:"stzh-card-navigation__title"},i(e,{ref:a=>this.titleLinkElement=a,class:"stzh-card-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:a=>this.headingTextElement=a},this.heading?this.heading:i("slot",{name:"heading"})))),i("div",{class:"stzh-card-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{class:"stzh-card-navigation__arrow"},i("stzh-icon",{class:"stzh-card-navigation__arrow-icon",name:"arrow-right"}))))}get element(){return s(this)}};o.style=e;export{o as stzh_card_navigation};
+//# sourceMappingURL=p-3912a256.entry.js.map

package/dist/stzh-components/{p-6fdc4c74.entry.js → p-39acdb68.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as t,F as r,a,g as i}from"./p-c7bfac7a.js";import{h}from"./p-7e304ea3.js";import"./p-9b063923.js";const c='.sc-stzh-card-superteaser-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-card-superteaser-h{display:none}.sc-stzh-card-superteaser-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-superteaser-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-superteaser-h *.sc-stzh-card-superteaser,.sc-stzh-card-superteaser-h *.sc-stzh-card-superteaser::before,.sc-stzh-card-superteaser-h *.sc-stzh-card-superteaser::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-card-superteaser-h .has-focus.sc-stzh-card-superteaser{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-superteaser-h .stzh-fylingfocus-focused.sc-stzh-card-superteaser{outline-style:none !important}.sc-stzh-card-superteaser-h .stzh-fylingfocus-focused.sc-stzh-card-superteaser::-moz-focus-inner{border:0 !important}.sc-stzh-card-superteaser-h{--service-background-color:var(--stzh-color-secondary30);--service-color:var(--stzh-color-primary70);--grid-template-areas:"heading"\n    "description"\n    "meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr);display:grid}.sc-stzh-card-superteaser-h .sc-stzh-card-superteaser-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-superteaser-h{--grid-template-areas:"image"\n    "heading"\n    "description"\n    "meta";--grid-template-rows:repeat(3, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr)}[has-image][image-position=right].sc-stzh-card-superteaser-h{--grid-template-areas:"heading heading"\n    "description description"\n    "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(calc(6.25rem + var(--stzh-space-medium)), min-content)}.stzh-card-superteaser.sc-stzh-card-superteaser{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);position:relative;display:grid;background-color:var(--stzh-color-grey10);grid-template-areas:var(--grid-template-areas);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);color:var(--stzh-color-grey80)}.stzh-card-superteaser__tag.sc-stzh-card-superteaser,.stzh-card-superteaser__dateline.sc-stzh-card-superteaser,.stzh-card-superteaser__breadcrumb.sc-stzh-card-superteaser,.stzh-card-superteaser__event-infos.sc-stzh-card-superteaser,.stzh-card-superteaser__heading-link-text.sc-stzh-card-superteaser,.stzh-card-superteaser__description.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{z-index:1;position:relative}.stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-description-wrapper.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-large)}.stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge)}.stzh-card-superteaser__image.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{align-self:end}.stzh-card-superteaser__image.sc-stzh-card-superteaser{display:grid;grid-area:image;width:100%}.stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser{grid-area:description}.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{grid-area:meta}.stzh-card-superteaser__meta.sc-stzh-card-superteaser{overflow:hidden}.stzh-card-superteaser__download.sc-stzh-card-superteaser{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall);overflow:hidden}.stzh-card-superteaser__download-button.sc-stzh-card-superteaser{align-self:flex-end;display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);color:var(--stzh-color-primary70)}.stzh-card-superteaser__tag.sc-stzh-card-superteaser,.stzh-card-superteaser__topic.sc-stzh-card-superteaser,.stzh-card-superteaser__service.sc-stzh-card-superteaser,.stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser{z-index:2}.stzh-card-superteaser__tag.sc-stzh-card-superteaser{position:absolute;left:0;top:0}.stzh-card-superteaser__service.sc-stzh-card-superteaser{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;right:0;background-color:var(--service-background-color);color:var(--service-color);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);text-align:center}.stzh-card-superteaser__topic.sc-stzh-card-superteaser{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall)}.stzh-card-superteaser__dateline.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black);margin-bottom:var(--stzh-space-xxsmall)}.stzh-card-superteaser__heading.sc-stzh-card-superteaser{margin-top:0px;margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{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-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing);display:block;color:var(--stzh-color-primary70);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card-superteaser__event-infos.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-card-superteaser.sc-stzh-card-superteaser:has(.stzh-card-superteaser__description:not(:empty)) .stzh-card-superteaser__event-infos.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser__description.sc-stzh-card-superteaser:empty{display:none}.stzh-card-superteaser__breadcrumb.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-superteaser__event-date-teaser-day.sc-stzh-card-superteaser{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-card-superteaser__meta-list.sc-stzh-card-superteaser,.stzh-card-superteaser__download-meta-list.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center;flex-wrap:wrap;-moz-column-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-xsmall);margin-left:calc((var(--stzh-space-xsmall) + 0.0625rem) / -1)}.stzh-card-superteaser__meta-list-item.sc-stzh-card-superteaser,.stzh-card-superteaser__download-meta-list-item.sc-stzh-card-superteaser{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall)}.stzh-card-superteaser__meta-list-item.sc-stzh-card-superteaser::before,.stzh-card-superteaser__download-meta-list-item.sc-stzh-card-superteaser::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::before,.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::after{z-index:10}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::before{background-color:var(--stzh-color-secondary10)}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__tag.sc-stzh-card-superteaser{--color:var(--stzh-color-secondary60)}.stzh-card-superteaser--has-tag.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-superteaser--has-service.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxxlarge)}.stzh-card-superteaser--has-service.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-superteaser--has-image.sc-stzh-card-superteaser .stzh-card-superteaser__image.sc-stzh-card-superteaser{z-index:1;position:relative}.stzh-card-superteaser--has-image-default.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-medium)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__image.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-large);padding-right:var(--stzh-space-medium)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{margin-right:var(--stzh-space-xsmall)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__service.sc-stzh-card-superteaser{position:static}.stzh-card-superteaser--has-description-wrapper.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-bottom:0px}.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser{margin-bottom:0px}.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__description.sc-stzh-card-superteaser:not(:empty),.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__description.sc-stzh-card-superteaser:not(:empty){margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__meta.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-xsmall)}';const d=class{constructor(t){e(this,t);this.stzhClick=s(this,"stzhClick",7);this.handleCardClick=e=>{this.stzhClick.emit({component:"stzh-card-superteaser",originalEvent:e,href:this.href})};this.localization=undefined;this.href=undefined;this.target=undefined;this.download=undefined;this.analyticsId=undefined;this.heading="";this.headingLevel="3";this.description="";this.tag=undefined;this.topic=undefined;this.service=undefined;this.dateline=undefined;this.meta=undefined;this.breadcrumbItems=undefined;this.datalistItems=[];this.eventDateStart=undefined;this.eventDateEnd=undefined;this.eventLocation=undefined;this.imagePosition="default";this.downloadHeading=undefined;this.downloadMeta=undefined;this.dateAdapter=undefined}metaWatcher(e){if(!e){this._meta=[]}else if(typeof e==="string"){try{this._meta=JSON.parse(e)}catch(e){this._meta=[]}}else{this._meta=e}}downloadMetaWatcher(e){if(!e){this._downloadMeta=[]}else if(typeof e==="string"){try{this._downloadMeta=JSON.parse(e)}catch(e){this._downloadMeta=[]}}else{this._downloadMeta=e}}componentDidRender(){requestAnimationFrame((()=>{var e,s;const t=this.analyticsId||((e=this.headingTextElement)===null||e===void 0?void 0:e.innerText);if(t){(s=this.headingLinkElement)===null||s===void 0?void 0:s.setAttribute("s-object-id",t)}}))}async componentWillLoad(){this.metaWatcher(this.meta);this.downloadMetaWatcher(this.downloadMeta);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-superteaser")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const e=!!this.heading||h(this.element,"heading");const s=!!this.description||h(this.element,"description");const i=h(this.element,"image");const c=this.eventDateStart&&new Date(this.eventDateStart);const d=this.eventDateEnd&&new Date(this.eventDateEnd);const n={"stzh-card-superteaser":true,"stzh-card-superteaser--has-heading":e,"stzh-card-superteaser--has-description":s,"stzh-card-superteaser--has-description-wrapper":s||!!c||!!this.eventLocation,"stzh-card-superteaser--has-link":!!this.href,"stzh-card-superteaser--has-service":!!this.service,"stzh-card-superteaser--has-tag":!!this.tag,"stzh-card-superteaser--has-topic":!!this.topic,"stzh-card-superteaser--has-image":i,"stzh-card-superteaser--has-image-default":i&&this.imagePosition==="default","stzh-card-superteaser--has-image-right":i&&this.imagePosition==="right","stzh-card-superteaser--has-meta":this._meta.length>0,"stzh-card-superteaser--has-download":!!this.downloadHeading||this._downloadMeta.length>0,"stzh-card-superteaser--has-breadcrumb":!!this.breadcrumbItems};const o=`h${this.headingLevel}`;const p=this.href?"a":"div";return t(a,{"has-image":i},t("article",{class:n,"aria-label":this.heading,role:"listitem"},this.tag&&t("stzh-tag",{class:"stzh-card-superteaser__tag",label:this.tag,nonInteractive:true}),t("div",{class:"stzh-card-superteaser__heading-wrapper"},this.breadcrumbItems&&t("stzh-breadcrumb",{class:"stzh-card-superteaser__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&t("div",{class:"stzh-card-superteaser__dateline"},this.dateline),this.topic&&t("div",{class:"stzh-card-superteaser__topic"},this.topic),t(o,{class:"stzh-card-superteaser__heading"},t(p,{ref:e=>this.headingLinkElement=e,class:"stzh-card-superteaser__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},t("div",{class:"stzh-card-superteaser__heading-link-text",ref:e=>this.headingTextElement=e},this.heading?this.heading:t("slot",{name:"heading"}))))),t("div",{class:"stzh-card-superteaser__description-wrapper"},(c||this.eventLocation)&&t("div",{class:"stzh-card-superteaser__event-infos"},c&&t("div",{class:"stzh-card-superteaser__event-date"},t("span",null,this.dateAdapter.format(c,"dateLong"),", "),this.dateAdapter.formatSpan(c,d,"time")),this.eventLocation&&t("div",{class:"stzh-card-superteaser__event-location"},this.eventLocation)),t("div",{class:"stzh-card-superteaser__description"},this.description?this.description:t("slot",{name:"description"}))),t("div",{class:"stzh-card-superteaser__image"},c&&t("div",{class:"stzh-card-superteaser__event-date-teaser"},t("div",{class:"stzh-card-superteaser__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[c.getDay()]),t("div",{class:"stzh-card-superteaser__event-date-teaser-day"},c.getDate()<10&&"0",c.getDate()),t("div",{class:"stzh-card-superteaser__event-date-teaser-month"},this.localization.$globals.monthNamesShort[c.getMonth()])),this.service&&t("div",{class:"stzh-card-superteaser__service"},this.service),t("slot",{name:"image"})),(this._meta.length>0||this.datalistItems||!!this.downloadHeading||this._downloadMeta.length>0)&&t("div",{class:"stzh-card-superteaser__meta-wrapper"},this.datalistItems&&t("stzh-datalist",{class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&t("div",{class:"stzh-card-superteaser__meta"},t("div",{class:"stzh-card-superteaser__meta-list"},this._meta.map((e=>t(r,null,t("div",{class:"stzh-card-superteaser__meta-list-item"},e)))))),(!!this.downloadHeading||this._downloadMeta.length>0)&&t("div",{class:"stzh-card-superteaser__download"},t("div",{class:"stzh-card-superteaser__download-data"},this.downloadHeading&&t("div",{class:"stzh-card-superteaser__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&t("div",{class:"stzh-card-superteaser__download-meta-list"},this._downloadMeta.map((e=>t(r,null,t("div",{class:"stzh-card-superteaser__download-meta-list-item"},e)))))),t("div",{class:"stzh-card-superteaser__download-button"},t("stzh-icon",{class:"stzh-card-superteaser__download-icon",name:"download"}))))))}get element(){return i(this)}static get watchers(){return{meta:["metaWatcher"],downloadMeta:["downloadMetaWatcher"]}}};d.style=c;export{d as stzh_card_superteaser};
-//# sourceMappingURL=p-6fdc4c74.entry.js.map
+import{r as e,c as s,h as t,F as r,a,g as i}from"./p-c7bfac7a.js";import{h}from"./p-e30a5acc.js";import"./p-9b063923.js";const c='.sc-stzh-card-superteaser-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-card-superteaser-h{display:none}.sc-stzh-card-superteaser-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-superteaser-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-superteaser-h *.sc-stzh-card-superteaser,.sc-stzh-card-superteaser-h *.sc-stzh-card-superteaser::before,.sc-stzh-card-superteaser-h *.sc-stzh-card-superteaser::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-card-superteaser-h .has-focus.sc-stzh-card-superteaser{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-superteaser-h .stzh-fylingfocus-focused.sc-stzh-card-superteaser{outline-style:none !important}.sc-stzh-card-superteaser-h .stzh-fylingfocus-focused.sc-stzh-card-superteaser::-moz-focus-inner{border:0 !important}.sc-stzh-card-superteaser-h{--service-background-color:var(--stzh-color-secondary30);--service-color:var(--stzh-color-primary70);--grid-template-areas:"heading"\n    "description"\n    "meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr);display:grid}.sc-stzh-card-superteaser-h .sc-stzh-card-superteaser-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-superteaser-h{--grid-template-areas:"image"\n    "heading"\n    "description"\n    "meta";--grid-template-rows:repeat(3, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr)}[has-image][image-position=right].sc-stzh-card-superteaser-h{--grid-template-areas:"heading heading"\n    "description description"\n    "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(calc(6.25rem + var(--stzh-space-medium)), min-content)}.stzh-card-superteaser.sc-stzh-card-superteaser{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);position:relative;display:grid;background-color:var(--stzh-color-grey10);grid-template-areas:var(--grid-template-areas);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);color:var(--stzh-color-grey80)}.stzh-card-superteaser__tag.sc-stzh-card-superteaser,.stzh-card-superteaser__dateline.sc-stzh-card-superteaser,.stzh-card-superteaser__breadcrumb.sc-stzh-card-superteaser,.stzh-card-superteaser__event-infos.sc-stzh-card-superteaser,.stzh-card-superteaser__heading-link-text.sc-stzh-card-superteaser,.stzh-card-superteaser__description.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{z-index:1;position:relative}.stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-description-wrapper.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-large)}.stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge)}.stzh-card-superteaser__image.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{align-self:end}.stzh-card-superteaser__image.sc-stzh-card-superteaser{display:grid;grid-area:image;width:100%}.stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser{grid-area:description}.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{grid-area:meta}.stzh-card-superteaser__meta.sc-stzh-card-superteaser{overflow:hidden}.stzh-card-superteaser__download.sc-stzh-card-superteaser{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall);overflow:hidden}.stzh-card-superteaser__download-button.sc-stzh-card-superteaser{align-self:flex-end;display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);color:var(--stzh-color-primary70)}.stzh-card-superteaser__tag.sc-stzh-card-superteaser,.stzh-card-superteaser__topic.sc-stzh-card-superteaser,.stzh-card-superteaser__service.sc-stzh-card-superteaser,.stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser{z-index:2}.stzh-card-superteaser__tag.sc-stzh-card-superteaser{position:absolute;left:0;top:0}.stzh-card-superteaser__service.sc-stzh-card-superteaser{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;right:0;background-color:var(--service-background-color);color:var(--service-color);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);text-align:center}.stzh-card-superteaser__topic.sc-stzh-card-superteaser{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall)}.stzh-card-superteaser__dateline.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black);margin-bottom:var(--stzh-space-xxsmall)}.stzh-card-superteaser__heading.sc-stzh-card-superteaser{margin-top:0px;margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{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-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing);display:block;color:var(--stzh-color-primary70);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card-superteaser__event-infos.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-card-superteaser.sc-stzh-card-superteaser:has(.stzh-card-superteaser__description:not(:empty)) .stzh-card-superteaser__event-infos.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser__description.sc-stzh-card-superteaser:empty{display:none}.stzh-card-superteaser__breadcrumb.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-superteaser__event-date-teaser-day.sc-stzh-card-superteaser{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-card-superteaser__meta-list.sc-stzh-card-superteaser,.stzh-card-superteaser__download-meta-list.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center;flex-wrap:wrap;-moz-column-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-xsmall);margin-left:calc((var(--stzh-space-xsmall) + 0.0625rem) / -1)}.stzh-card-superteaser__meta-list-item.sc-stzh-card-superteaser,.stzh-card-superteaser__download-meta-list-item.sc-stzh-card-superteaser{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall)}.stzh-card-superteaser__meta-list-item.sc-stzh-card-superteaser::before,.stzh-card-superteaser__download-meta-list-item.sc-stzh-card-superteaser::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::before,.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::after{z-index:10}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::before{background-color:var(--stzh-color-secondary10)}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__tag.sc-stzh-card-superteaser{--color:var(--stzh-color-secondary60)}.stzh-card-superteaser--has-tag.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-superteaser--has-service.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxxlarge)}.stzh-card-superteaser--has-service.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-superteaser--has-image.sc-stzh-card-superteaser .stzh-card-superteaser__image.sc-stzh-card-superteaser{z-index:1;position:relative}.stzh-card-superteaser--has-image-default.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-medium)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__image.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-large);padding-right:var(--stzh-space-medium)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{margin-right:var(--stzh-space-xsmall)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__service.sc-stzh-card-superteaser{position:static}.stzh-card-superteaser--has-description-wrapper.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-bottom:0px}.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser{margin-bottom:0px}.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__description.sc-stzh-card-superteaser:not(:empty),.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__description.sc-stzh-card-superteaser:not(:empty){margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__meta.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-xsmall)}';const d=class{constructor(t){e(this,t);this.stzhClick=s(this,"stzhClick",7);this.handleCardClick=e=>{this.stzhClick.emit({component:"stzh-card-superteaser",originalEvent:e,href:this.href})};this.localization=undefined;this.href=undefined;this.target=undefined;this.download=undefined;this.analyticsId=undefined;this.heading="";this.headingLevel="3";this.description="";this.tag=undefined;this.topic=undefined;this.service=undefined;this.dateline=undefined;this.meta=undefined;this.breadcrumbItems=undefined;this.datalistItems=[];this.eventDateStart=undefined;this.eventDateEnd=undefined;this.eventLocation=undefined;this.imagePosition="default";this.downloadHeading=undefined;this.downloadMeta=undefined;this.dateAdapter=undefined}metaWatcher(e){if(!e){this._meta=[]}else if(typeof e==="string"){try{this._meta=JSON.parse(e)}catch(e){this._meta=[]}}else{this._meta=e}}downloadMetaWatcher(e){if(!e){this._downloadMeta=[]}else if(typeof e==="string"){try{this._downloadMeta=JSON.parse(e)}catch(e){this._downloadMeta=[]}}else{this._downloadMeta=e}}componentDidRender(){requestAnimationFrame((()=>{var e,s;const t=this.analyticsId||((e=this.headingTextElement)===null||e===void 0?void 0:e.innerText);if(t){(s=this.headingLinkElement)===null||s===void 0?void 0:s.setAttribute("s-object-id",t)}}))}async componentWillLoad(){this.metaWatcher(this.meta);this.downloadMetaWatcher(this.downloadMeta);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-superteaser")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const e=!!this.heading||h(this.element,"heading");const s=!!this.description||h(this.element,"description");const i=h(this.element,"image");const c=this.eventDateStart&&new Date(this.eventDateStart);const d=this.eventDateEnd&&new Date(this.eventDateEnd);const n={"stzh-card-superteaser":true,"stzh-card-superteaser--has-heading":e,"stzh-card-superteaser--has-description":s,"stzh-card-superteaser--has-description-wrapper":s||!!c||!!this.eventLocation,"stzh-card-superteaser--has-link":!!this.href,"stzh-card-superteaser--has-service":!!this.service,"stzh-card-superteaser--has-tag":!!this.tag,"stzh-card-superteaser--has-topic":!!this.topic,"stzh-card-superteaser--has-image":i,"stzh-card-superteaser--has-image-default":i&&this.imagePosition==="default","stzh-card-superteaser--has-image-right":i&&this.imagePosition==="right","stzh-card-superteaser--has-meta":this._meta.length>0,"stzh-card-superteaser--has-download":!!this.downloadHeading||this._downloadMeta.length>0,"stzh-card-superteaser--has-breadcrumb":!!this.breadcrumbItems};const o=`h${this.headingLevel}`;const p=this.href?"a":"div";return t(a,{"has-image":i},t("article",{class:n,"aria-label":this.heading,role:"listitem"},this.tag&&t("stzh-tag",{class:"stzh-card-superteaser__tag",label:this.tag,nonInteractive:true}),t("div",{class:"stzh-card-superteaser__heading-wrapper"},this.breadcrumbItems&&t("stzh-breadcrumb",{class:"stzh-card-superteaser__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&t("div",{class:"stzh-card-superteaser__dateline"},this.dateline),this.topic&&t("div",{class:"stzh-card-superteaser__topic"},this.topic),t(o,{class:"stzh-card-superteaser__heading"},t(p,{ref:e=>this.headingLinkElement=e,class:"stzh-card-superteaser__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},t("div",{class:"stzh-card-superteaser__heading-link-text",ref:e=>this.headingTextElement=e},this.heading?this.heading:t("slot",{name:"heading"}))))),t("div",{class:"stzh-card-superteaser__description-wrapper"},(c||this.eventLocation)&&t("div",{class:"stzh-card-superteaser__event-infos"},c&&t("div",{class:"stzh-card-superteaser__event-date"},t("span",null,this.dateAdapter.format(c,"dateLong"),", "),this.dateAdapter.formatSpan(c,d,"time")),this.eventLocation&&t("div",{class:"stzh-card-superteaser__event-location"},this.eventLocation)),t("div",{class:"stzh-card-superteaser__description"},this.description?this.description:t("slot",{name:"description"}))),t("div",{class:"stzh-card-superteaser__image"},c&&t("div",{class:"stzh-card-superteaser__event-date-teaser"},t("div",{class:"stzh-card-superteaser__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[c.getDay()]),t("div",{class:"stzh-card-superteaser__event-date-teaser-day"},c.getDate()<10&&"0",c.getDate()),t("div",{class:"stzh-card-superteaser__event-date-teaser-month"},this.localization.$globals.monthNamesShort[c.getMonth()])),this.service&&t("div",{class:"stzh-card-superteaser__service"},this.service),t("slot",{name:"image"})),(this._meta.length>0||this.datalistItems||!!this.downloadHeading||this._downloadMeta.length>0)&&t("div",{class:"stzh-card-superteaser__meta-wrapper"},this.datalistItems&&t("stzh-datalist",{class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&t("div",{class:"stzh-card-superteaser__meta"},t("div",{class:"stzh-card-superteaser__meta-list"},this._meta.map((e=>t(r,null,t("div",{class:"stzh-card-superteaser__meta-list-item"},e)))))),(!!this.downloadHeading||this._downloadMeta.length>0)&&t("div",{class:"stzh-card-superteaser__download"},t("div",{class:"stzh-card-superteaser__download-data"},this.downloadHeading&&t("div",{class:"stzh-card-superteaser__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&t("div",{class:"stzh-card-superteaser__download-meta-list"},this._downloadMeta.map((e=>t(r,null,t("div",{class:"stzh-card-superteaser__download-meta-list-item"},e)))))),t("div",{class:"stzh-card-superteaser__download-button"},t("stzh-icon",{class:"stzh-card-superteaser__download-icon",name:"download"}))))))}get element(){return i(this)}static get watchers(){return{meta:["metaWatcher"],downloadMeta:["downloadMetaWatcher"]}}};d.style=c;export{d as stzh_card_superteaser};
+//# sourceMappingURL=p-39acdb68.entry.js.map

package/dist/stzh-components/p-3cc6f193.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,a as r,g as s}from"./p-c7bfac7a.js";const n='.sc-stzh-vbz-intro-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-intro-h{display:none}.sc-stzh-vbz-intro-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-intro-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::before,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-intro-h .has-focus.sc-stzh-vbz-intro{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro{outline-style:none !important}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-intro-h{--background-color-topnews:var(--stzh-topnews-background-color);--background-color-mostsearched:var(--stzh-mostsearched-background-color);--topnews-item-subtitle-font:var(--stzh-vbz-intro-topnews-subtitle-font, var(--stzh-font-family-medium));--topnews-item-subtitle-color:var(--stzh-vbz-intro-topnews-item-subtitle-color, var(--stzh-color-primary70));--topnews-item-subtitle-highlighted-color:var(--stzh-vbz-intro-topnews-item-subtitle-highlighted-color, var(--stzh-color-primary60));--grid-template-areas:"ticker ticker ticker ticker" "quicklinks quicklinks quicklinks quicklinks"}@media screen and (min-width: 900px){.sc-stzh-vbz-intro-h{--grid-template-areas:"ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks"}}@media screen and (min-width: 1260px){.sc-stzh-vbz-intro-h{--grid-template-areas:"ticker ticker ticker ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks quicklinks"}}.stzh-vbz-intro.sc-stzh-vbz-intro{-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas)}@media screen and (min-width: 600px){.stzh-vbz-intro.sc-stzh-vbz-intro{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-vbz-intro.sc-stzh-vbz-intro{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;flex-direction:column;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{grid-area:ticker}@media screen and (min-width: 1600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-left:0}}.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{grid-area:quicklinks;background-color:var(--stzh-color-primary60);padding-left:var(--stzh-space-large);margin-left:-1.25rem;padding-right:var(--stzh-space-large);margin-right:-1.25rem}@media screen and (min-width: 600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2rem;margin-left:-2rem;padding-right:2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;gap:inherit;grid-template-columns:inherit;padding-left:2.5rem;margin-left:inherit;padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-right:4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{margin-right:calc(((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) * -0.5))}}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklinks__heading.sc-stzh-vbz-intro{--color:var(--stzh-color-white);margin-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro{--text-decoration-line:none;--color:var(--stzh-color-white);--hover-text-decoration-line:none;--hover-color:var(--stzh-color-white);transition:transform 150ms ease;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(1.25rem)}}';const e=class{constructor(i){t(this,i);this._quicklinks=[];this.init=()=>{this.quicklinksWatcher(this.quicklinks)};this.localization=undefined;this.quicklinks=[]}quicklinksWatcher(t){if(!t){this._quicklinks=[]}else if(typeof t==="string"){try{this._quicklinks=JSON.parse(t)}catch(t){this._quicklinks=[]}}else{this._quicklinks=t}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-intro")}}connectedCallback(){this.init()}render(){const t={"stzh-vbz-intro":true};return i(r,null,i("div",{class:t},i("div",{class:"stzh-vbz-intro__ticker"},i("slot",{name:"ticker"})),this._quicklinks.length>0&&i("div",{class:"stzh-vbz-intro__quicklinks"},i("stzh-heading",{class:"stzh-vbz-intro-quicklinks__heading"},this.localization.quicklinksHeading),this._quicklinks.map((t=>i("div",{class:"stzh-vbz-intro-quicklink"},i("stzh-link",{class:"stzh-vbz-intro-quicklink__link",href:t.href,icon:"arrow-right"},t.label)))))))}get element(){return s(this)}static get watchers(){return{quicklinks:["quicklinksWatcher"]}}};e.style=n;export{e as stzh_vbz_intro};
+//# sourceMappingURL=p-3cc6f193.entry.js.map

package/dist/stzh-components/p-3cc6f193.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhVbzIntroCss","StzhVbzIntro","this","_quicklinks","init","quicklinksWatcher","quicklinks","newValue","JSON","parse","e","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","element","connectedCallback","render","classes","h","Host","class","name","length","quicklinksHeading","map","item","href","icon","label"],"sources":["src/components/stzh-vbz-intro/stzh-vbz-intro.scss?tag=stzh-vbz-intro&encapsulation=scoped","src/components/stzh-vbz-intro/stzh-vbz-intro.tsx"],"sourcesContent":["/**\n * @prop --background-color: Background color of top news section\n * @prop --background-color-mostsearched: Background color of top most searched section\n *\n * @prop --stzh-vbz-intro-subtitle-font: **Global**: Font of the topnews subtitle\n * @prop --stzh-vbz-intro-topnews-item-subtitle-color: **Global**: Color of the topnews subtitle\n * @prop --stzh-vbz-intro-topnews-item-subtitle-highlighted-color: **Global**: Color of the topnews subtitle (highlighted variant)\n */\n\n:host {\n  --background-color-topnews: #{$topnewsBackgroundColor};\n  --background-color-mostsearched: #{$mostsearchedBackgroundColor};\n  --topnews-item-subtitle-font: var(--stzh-vbz-intro-topnews-subtitle-font, #{$topnewsSubtitleFont});\n  --topnews-item-subtitle-color: var(--stzh-vbz-intro-topnews-item-subtitle-color, #{$colorPrimary70});\n  --topnews-item-subtitle-highlighted-color: var(--stzh-vbz-intro-topnews-item-subtitle-highlighted-color, #{$colorPrimary60});\n\n  --grid-template-areas: \"ticker ticker ticker ticker\" \"quicklinks quicklinks quicklinks quicklinks\";\n\n  @include mq($from: medium) {\n    --grid-template-areas: \"ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks\";\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: \"ticker ticker ticker ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks quicklinks\";\n  }\n}\n\n.stzh-vbz-intro {\n  @include grid;\n  grid-template-areas: var(--grid-template-areas);\n\n  &__ticker,\n  &__quicklinks {\n    display: flex;\n    flex-direction: column;\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'regular');\n  }\n\n  &__ticker {\n    grid-area: ticker;\n\n    @include mq($from: ultra) {\n      padding-left: 0;\n    }\n  }\n\n  /**\n   * Quick links.\n   */\n  &__quicklinks {\n    grid-area: quicklinks;\n    background-color: var(--stzh-color-primary60);\n    padding-left: space('large');\n    margin-left: $containerMargin * -1;\n    padding-right: space('large');\n    margin-right: $containerMargin * -1;\n\n    @include mq($from: small) {\n      display: grid;\n      gap: 0 space('large');\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: $containerMarginSmall;\n      margin-left: $containerMarginSmall * -1;\n      padding-right: $containerMarginSmall;\n      margin-right: $containerMarginSmall * -1;\n    }\n\n    @include mq($from: medium) {\n      display: flex;\n      gap: inherit;\n      grid-template-columns: inherit;\n      padding-left: $containerMarginMedium;\n      margin-left: inherit;\n      padding-right: $containerMarginMedium;\n      margin-right: $containerMarginMedium * -1;\n    }\n\n    @include mq($from: large) {\n      padding-right: $containerMarginLarge;\n      margin-right: $containerMarginLarge * -1;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) * -0.5));\n    }\n  }\n\n  .stzh-vbz-intro-quicklinks__heading {\n    --color: var(--stzh-color-white);\n    margin-bottom: space('xsmall');\n  }\n\n  .stzh-vbz-intro-quicklink__link {\n    --text-decoration-line: none;\n    --color: var(--stzh-color-white);\n    --hover-text-decoration-line: none;\n    --hover-color: var(--stzh-color-white);\n\n    transition: transform 150ms ease;\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n\n    &:hover, {\n      transform: translateX(10px);\n\n      @include mq($from: medium) {\n        transform: translateX(20px);\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\nimport { StzhMostsearchedItem, StzhVbzQuicklink } from \"../../index\";\nimport { StzhVbzIntroLocalizedText } from \"./stzh-vbz-intro.localization\";\n\n@Component({\n  tag: \"stzh-vbz-intro\",\n  styleUrl: \"stzh-vbz-intro.scss\",\n  scoped: true,\n})\nexport class StzhVbzIntro {\n  @Element() element: HTMLStzhVbzIntroElement;\n\n  /** Translation strings. */\n  @Prop() localization: StzhVbzIntroLocalizedText;\n\n  /** Most searched items */\n  @Prop() quicklinks: StzhVbzQuicklink[] | string = [];\n  private _quicklinks: StzhMostsearchedItem[] = [];\n\n  @Watch(\"quicklinks\")\n  quicklinksWatcher(newValue: StzhVbzQuicklink[] | string) {\n    if (!newValue) {\n      this._quicklinks = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._quicklinks = JSON.parse(newValue);\n      } catch (e) {\n        this._quicklinks = [];\n      }\n    } else {\n      this._quicklinks = newValue;\n    }\n  }\n\n  private init = () => {\n    this.quicklinksWatcher(this.quicklinks);\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"vbz-intro\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-vbz-intro\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-vbz-intro__ticker\">\n            <slot name=\"ticker\"></slot>\n          </div>\n          {this._quicklinks.length > 0 && (\n            <div class=\"stzh-vbz-intro__quicklinks\">\n              <stzh-heading class=\"stzh-vbz-intro-quicklinks__heading\">\n                {this.localization.quicklinksHeading}\n              </stzh-heading>\n              {this._quicklinks.map(item => (\n                <div class=\"stzh-vbz-intro-quicklink\">\n                  <stzh-link class=\"stzh-vbz-intro-quicklink__link\" href={item.href} icon={\"arrow-right\"}>\n                    {item.label}\n                  </stzh-link>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAkB,+vM,MCSXC,EAAY,M,yBAQfC,KAAAC,YAAsC,GAiBtCD,KAAAE,KAAO,KACbF,KAAKG,kBAAkBH,KAAKI,WAAW,E,4CAnBS,E,CAIlD,iBAAAD,CAAkBE,GAChB,IAAKA,EAAU,CACbL,KAAKC,YAAc,E,MACd,UAAWI,IAAa,SAAU,CACvC,IACEL,KAAKC,YAAcK,KAAKC,MAAMF,E,CAC9B,MAAOG,GACPR,KAAKC,YAAc,E,MAEhB,CACLD,KAAKC,YAAcI,C,EAQvB,uBAAMI,GACJ,IAAKT,KAAKU,aAAc,CACtBV,KAAKU,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBd,KAAKe,QAAS,Y,EAI1F,iBAAAC,GACEhB,KAAKE,M,CAGP,MAAAe,GACE,MAAMC,EAAU,CACd,iBAAkB,MAGpB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,OAAKE,MAAM,0BACTF,EAAA,QAAMG,KAAK,YAEZtB,KAAKC,YAAYsB,OAAS,GACzBJ,EAAA,OAAKE,MAAM,8BACTF,EAAA,gBAAcE,MAAM,sCACjBrB,KAAKU,aAAac,mBAEpBxB,KAAKC,YAAYwB,KAAIC,GACpBP,EAAA,OAAKE,MAAM,4BACTF,EAAA,aAAWE,MAAM,iCAAiCM,KAAMD,EAAKC,KAAMC,KAAM,eACtEF,EAAKG,Y"}

package/dist/stzh-components/{p-204a6e41.entry.js → p-466263ff.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as n,a as s}from"./p-c7bfac7a.js";const r=".sc-stzh-container-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-container-h{display:none}.sc-stzh-container-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-container-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::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-container-h .has-focus.sc-stzh-container{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container{outline-style:none !important}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container::-moz-focus-inner{border:0 !important}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-banner,.sc-stzh-container-h .sc-stzh-container-s stzh-ghettobox,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle-home,.sc-stzh-container-h .sc-stzh-container-s stzh-container,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-service-highlights{position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}.stzh-container.sc-stzh-container{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-container.sc-stzh-container{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-container.sc-stzh-container{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-container--has-no-margin.sc-stzh-container{margin-left:auto;margin-right:auto}";const e=class{constructor(n){t(this,n);this.noMargin=false}render(){const t={"stzh-container":true,"stzh-container--has-no-margin":this.noMargin};return n(s,null,n("div",{class:t},n("slot",null)))}};e.style=r;export{e as stzh_container};
-//# sourceMappingURL=p-204a6e41.entry.js.map
+import{r as t,h as n,a as s}from"./p-c7bfac7a.js";const r=".sc-stzh-container-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-container-h{display:none}.sc-stzh-container-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-container-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::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-container-h .has-focus.sc-stzh-container{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container{outline-style:none !important}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container::-moz-focus-inner{border:0 !important}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-banner,.sc-stzh-container-h .sc-stzh-container-s stzh-ghettobox,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle-home,.sc-stzh-container-h .sc-stzh-container-s stzh-container,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-service-highlights,.sc-stzh-container-h .sc-stzh-container-s stzh-vbz-carousel{position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}.stzh-container.sc-stzh-container{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-container.sc-stzh-container{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-container.sc-stzh-container{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-container--has-no-margin.sc-stzh-container{margin-left:auto;margin-right:auto}";const e=class{constructor(n){t(this,n);this.noMargin=false}render(){const t={"stzh-container":true,"stzh-container--has-no-margin":this.noMargin};return n(s,null,n("div",{class:t},n("slot",null)))}};e.style=r;export{e as stzh_container};
+//# sourceMappingURL=p-466263ff.entry.js.map

package/dist/stzh-components/p-466263ff.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhContainerCss","StzhContainer","render","classes","this","noMargin","h","Host","class"],"sources":["src/components/stzh-container/stzh-container.scss?tag=stzh-container&encapsulation=scoped","src/components/stzh-container/stzh-container.tsx"],"sourcesContent":[":host {\n  ::slotted(*) {\n    stzh-header {\n      margin-left: -$containerMargin;\n      margin-right: -$containerMargin;\n\n      @include mq($from: small) {\n        margin-left: -$containerMarginSmall;\n        margin-right: -$containerMarginSmall;\n      }\n\n      @include mq($from: medium) {\n        margin-left: -$containerMarginMedium;\n        margin-right: -$containerMarginMedium;\n      }\n\n      @include mq($from: large) {\n        margin-left: -$containerMarginLarge;\n        margin-right: -$containerMarginLarge;\n      }\n\n      @include mq($from: ultra) {\n        margin-left: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / -2);\n        margin-right: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / -2);\n      }\n    }\n\n    stzh-banner,\n    stzh-ghettobox,\n    stzh-pagetitle,\n    stzh-pagetitle-home,\n    stzh-container,\n    stzh-homepage-service-highlights,\n    stzh-vbz-carousel {\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n      margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n      width: calc(100vw - var(--stzh-scrollbar-width));\n      max-width: calc(100vw - var(--stzh-scrollbar-width));\n    }\n\n    // stzh-section[variant=\"highlight\"] {\n    //   --padding-left: #{$containerMargin};\n    //   --padding-right: #{$containerMargin};\n\n    //   @include mq($from: small) {\n    //     --padding-left: #{$containerMarginSmall};\n    //     --padding-right: #{$containerMarginSmall};\n    //   }\n\n    //   @include mq($from: medium) {\n    //     --padding-left: #{$containerMarginMedium};\n    //     --padding-right: #{$containerMarginMedium};\n    //   }\n\n    //   @include mq($from: large) {\n    //     --padding-left: #{space('xlarge')};\n    //     --padding-right: #{space('xlarge')};\n    //   }\n\n    //   @include mq($to: large) {\n    //     position: relative;\n    //     left: 50%;\n    //     right: 50%;\n    //     margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n    //     margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n    //     width: calc(100vw - var(--stzh-scrollbar-width));\n    //     max-width: calc(100vw - var(--stzh-scrollbar-width));\n    //   }\n    // }\n\n    // stzh-row stzh-section[variant=\"highlight\"] {\n    //   @include spaceCurve('--padding-left', 'small');\n    //   @include spaceCurve('--padding-right', 'small');\n\n    //   @include mq($to: large) {\n    //     left: initial;\n    //     right: initial;\n    //     margin-left: initial;\n    //     margin-right: initial;\n    //     width: initial;\n    //     max-width: initial;\n    //   }\n    // }\n  }\n}\n\n.stzh-container {\n  @include container;\n\n  // &--size-big {\n  //   @include container($size: \"big\");\n  // }\n\n  &--has-no-margin {\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-container\",\n  styleUrl: \"stzh-container.scss\",\n  scoped: true\n})\nexport class StzhContainer {\n  /** Size variant */\n  // @Prop() size: \"default\" | \"big\" = \"default\";\n\n  /** Whether to prevent side margins */\n  @Prop() noMargin: boolean = false;\n\n  render() {\n    const classes = {\n      \"stzh-container\": true,\n      \"stzh-container--has-no-margin\": this.noMargin,\n      // [`stzh-container--size-${this.size}`]: !!this.size,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,ytG,MCeZC,EAAa,M,uCAKI,K,CAE5B,MAAAC,GACE,MAAMC,EAAU,CACd,iBAAkB,KAClB,gCAAiCC,KAAKC,UAIxC,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOL,GACVG,EAAA,c"}

package/dist/stzh-components/p-49d356da.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h,F as s,a as t,g as i}from"./p-c7bfac7a.js";const g=".sc-stzh-homepage-service-highlights-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-homepage-service-highlights-h{display:none}.sc-stzh-homepage-service-highlights-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-service-highlights-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::before,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::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-homepage-service-highlights-h .has-focus.sc-stzh-homepage-service-highlights{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights{outline-style:none !important}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-service-highlights-h{--background-color-topnews:var(--stzh-topnews-background-color);--background-color-mostsearched:var(--stzh-mostsearched-background-color);--topnews-item-subtitle-font:var(--stzh-homepage-service-highlights-topnews-subtitle-font, var(--stzh-font-family-medium));--topnews-item-subtitle-color:var(--stzh-homepage-service-highlights-topnews-item-subtitle-color, var(--stzh-color-primary70));--topnews-item-subtitle-highlighted-color:var(--stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color, var(--stzh-color-primary60))}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights{display:grid}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights,.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-homepage-service-highlights--has-topnews.sc-stzh-homepage-service-highlights{grid-template-columns:repeat(2, minmax(0, 1fr))}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);flex-grow:1;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:calc(((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2))}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights{transition:background-color 150ms ease;text-decoration:none}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--stzh-color-secondary40)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights{background-color:var(--stzh-color-lemonyellow50)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--stzh-color-lemonyellow60)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-color);font-family:var(--topnews-item-subtitle-font)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-highlighted-color)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:not(.stzh-topnews-item--highlighted):hover .stzh-topnews-item__label.sc-stzh-homepage-service-highlights{--color:var(--stzh-color-primary80)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights:hover .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--stzh-color-primary70)}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights{background-color:var(--background-color-topnews)}.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{background-color:var(--background-color-mostsearched);padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:calc(((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2))}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:calc(((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2));padding-right:calc(((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2))}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-medium)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights{--text-decoration-line:none;--hover-text-decoration-line:none;--hover-color:$linkColor;transition:transform 150ms ease}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(1.25rem)}}";const a=class{constructor(h){e(this,h);this._topnewsItems=[];this._mostsearchedItems=[];this.init=()=>{this.topnewsItemsWatcher(this.topnewsItems);this.mostsearchedItemsWatcher(this.mostsearchedItems)};this.topnewsItems=[];this.mostsearchedItems=[]}topnewsItemsWatcher(e){if(!e){this._topnewsItems=[]}else if(typeof e==="string"){try{const h=JSON.parse(e);this._topnewsItems=this.ensureSingleHighlight(h)}catch(e){this._topnewsItems=[]}}else{this._topnewsItems=this.ensureSingleHighlight(e)}}mostsearchedItemsWatcher(e){if(!e){this._mostsearchedItems=[]}else if(typeof e==="string"){try{this._mostsearchedItems=JSON.parse(e)}catch(e){this._mostsearchedItems=[]}}else{this._mostsearchedItems=e}}ensureSingleHighlight(e){let h=false;return e.map((e=>{if(e.isHighlighted){if(!h){h=true;return e}else{return Object.assign(Object.assign({},e),{isHighlighted:false})}}return e}))}connectedCallback(){this.init()}renderTopnewsItemInner(e){return h(s,null,!!e.subtitle&&h("stzh-text",{class:"stzh-topnews-item__subtitle"},e.subtitle),h("stzh-heading",{class:"stzh-topnews-item__label"},e.label))}render(){const e={"stzh-homepage-service-highlights":true,"stzh-homepage-service-highlights--has-topnews":this._topnewsItems.length>0};return h(t,null,h("div",{class:e},this._topnewsItems.length>0&&h("div",{class:"stzh-homepage-service-highlights__topnews"},this._topnewsItems.map((e=>!!e.href?h("a",{href:e.href,class:{"stzh-topnews-item":true,"stzh-topnews-item--highlighted":e.isHighlighted,"stzh-topnews-item--has-link":true}},this.renderTopnewsItemInner(e)):h("div",{class:{"stzh-topnews-item":true,"stzh-topnews-item--highlighted":e.isHighlighted}},this.renderTopnewsItemInner(e))))),this._mostsearchedItems.length>0&&h("div",{class:"stzh-homepage-service-highlights__mostsearched"},this._mostsearchedItems.map((e=>h("div",{class:{"stzh-mostsearched-item":true}},h("stzh-link",{class:"stzh-mostsearched-item__link",href:e.href,icon:"arrow-right"},e.label)))))))}get element(){return i(this)}static get watchers(){return{topnewsItems:["topnewsItemsWatcher"],mostsearchedItems:["mostsearchedItemsWatcher"]}}};a.style=g;export{a as stzh_homepage_service_highlights};
+//# sourceMappingURL=p-49d356da.entry.js.map

package/dist/stzh-components/p-49d356da.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhHomepageServiceHighlightsCss","StzhHomepageServiceHighlights","this","_topnewsItems","_mostsearchedItems","init","topnewsItemsWatcher","topnewsItems","mostsearchedItemsWatcher","mostsearchedItems","newValue","parsed","JSON","parse","ensureSingleHighlight","e","items","foundHighlighted","map","item","isHighlighted","Object","assign","connectedCallback","renderTopnewsItemInner","h","Fragment","subtitle","class","label","render","classes","length","Host","href","icon"],"sources":["src/components/stzh-homepage-service-highlights/stzh-homepage-service-highlights.scss?tag=stzh-homepage-service-highlights&encapsulation=scoped","src/components/stzh-homepage-service-highlights/stzh-homepage-service-highlights.tsx"],"sourcesContent":["/**\n * @prop --background-color-topnews: Background color of top news section\n * @prop --background-color-mostsearched: Background color of top most searched section\n *\n * @prop --stzh-homepage-service-highlights-topnews-subtitle-font: **Global**: Font of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-color: **Global**: Color of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color: **Global**: Color of the topnews subtitle (highlighted variant)\n */\n\n:host {\n  --background-color-topnews: #{$topnewsBackgroundColor};\n  --background-color-mostsearched: #{$mostsearchedBackgroundColor};\n  --topnews-item-subtitle-font: var(--stzh-homepage-service-highlights-topnews-subtitle-font, #{$topnewsSubtitleFont});\n  --topnews-item-subtitle-color: var(--stzh-homepage-service-highlights-topnews-item-subtitle-color, #{$colorPrimary70});\n  --topnews-item-subtitle-highlighted-color: var(--stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color, #{$colorPrimary60});\n}\n\n.stzh-homepage-service-highlights {\n  display: grid;\n\n  &__topnews,\n  &__mostsearched {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &--has-topnews {\n    @include mq($from: medium) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  /**\n   * Top news.\n   */\n\n  .stzh-topnews-item {\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'regular');\n    padding-left: space('large');\n    padding-right: space('large');\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n    }\n  }\n\n  .stzh-topnews-item--has-link {\n    transition: background-color 150ms ease;\n    text-decoration: none;\n\n    &:hover {\n      background-color: var(--stzh-color-secondary40);\n    }\n  }\n\n  .stzh-topnews-item--highlighted {\n    background-color: var(--stzh-color-lemonyellow50);\n  }\n\n  .stzh-topnews-item--highlighted.stzh-topnews-item--has-link {\n    &:hover {\n      background-color: var(--stzh-color-lemonyellow60);\n    }\n  }\n\n  .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-color);\n    font-family: var(--topnews-item-subtitle-font);\n  }\n\n  .stzh-topnews-item--highlighted .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-highlighted-color);\n  }\n\n  .stzh-topnews-item.stzh-topnews-item--has-link:not(.stzh-topnews-item--highlighted):hover .stzh-topnews-item__label {\n    --color: var(--stzh-color-primary80);\n  }\n\n  .stzh-topnews-item--highlighted:hover .stzh-topnews-item__subtitle {\n    --color: var(--stzh-color-primary70);\n  }\n\n  &__topnews {\n    background-color: var(--background-color-topnews);\n  }\n\n  /**\n   * Most searched.\n   */\n  &__mostsearched {\n    background-color: var(--background-color-mostsearched);\n    @include spaceCurve('padding-top', 'regular');\n    padding-right: space('large');\n    @include spaceCurve('padding-bottom', 'regular');\n    padding-left: space('large');\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n    }\n  }\n\n  &:not(&--has-topnews) &__mostsearched {\n    @include mq($from: medium) {\n      display: grid;\n      gap: 0 space('large');\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n      padding-right: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n    }\n  }\n\n  .stzh-mostsearched-item {\n    @include spaceCurve('padding-top', 'tiny');\n    @include spaceCurve('padding-bottom', 'tiny');\n  }\n\n  .stzh-mostsearched-item__link {\n    --text-decoration-line: none;\n    --hover-text-decoration-line: none;\n    --hover-color: $linkColor;\n\n    transition: transform 150ms ease;\n\n    &:hover, {\n      transform: translateX(10px);\n\n      @include mq($from: medium) {\n        transform: translateX(20px);\n      }\n    }\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\nimport { StzhMostsearchedItem, StzhTopnewsItem } from \"../../index\";\n\n@Component({\n  tag: \"stzh-homepage-service-highlights\",\n  styleUrl: \"stzh-homepage-service-highlights.scss\",\n  scoped: true,\n})\nexport class StzhHomepageServiceHighlights {\n  @Element() element: HTMLStzhHomepageServiceHighlightsElement;\n\n  /** Top news items */\n  @Prop() topnewsItems: StzhTopnewsItem[] | string = [];\n  private _topnewsItems: StzhTopnewsItem[] = [];\n\n  /** Most searched items */\n  @Prop() mostsearchedItems: StzhMostsearchedItem[] | string = [];\n  private _mostsearchedItems: StzhMostsearchedItem[] = [];\n\n  @Watch(\"topnewsItems\")\n  topnewsItemsWatcher(newValue: StzhTopnewsItem[] | string) {\n    if (!newValue) {\n      this._topnewsItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        const parsed = JSON.parse(newValue);\n        this._topnewsItems = this.ensureSingleHighlight(parsed);\n      } catch (e) {\n        this._topnewsItems = [];\n      }\n    } else {\n      this._topnewsItems = this.ensureSingleHighlight(newValue);\n    }\n  }\n\n  @Watch(\"mostsearchedItems\")\n  mostsearchedItemsWatcher(newValue: StzhMostsearchedItem[] | string) {\n    if (!newValue) {\n      this._mostsearchedItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._mostsearchedItems = JSON.parse(newValue);\n      } catch (e) {\n        this._mostsearchedItems = [];\n      }\n    } else {\n      this._mostsearchedItems = newValue;\n    }\n  }\n\n  private ensureSingleHighlight(items: StzhTopnewsItem[]): StzhTopnewsItem[] {\n    let foundHighlighted = false;\n\n    return items.map(item => {\n      if (item.isHighlighted) {\n        if (!foundHighlighted) {\n          foundHighlighted = true;\n          return item;\n        } else {\n          // Remove highlight from subsequent items\n          return { ...item, isHighlighted: false };\n        }\n      }\n      return item;\n    });\n  }\n\n  private init = () => {\n    this.topnewsItemsWatcher(this.topnewsItems);\n    this.mostsearchedItemsWatcher(this.mostsearchedItems);\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  private renderTopnewsItemInner(item: StzhTopnewsItem): HTMLElement {\n    return (\n      <Fragment>\n        {!!item.subtitle && <stzh-text class=\"stzh-topnews-item__subtitle\">{item.subtitle}</stzh-text>}\n        <stzh-heading class=\"stzh-topnews-item__label\">{item.label}</stzh-heading>\n      </Fragment>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-homepage-service-highlights\": true,\n      \"stzh-homepage-service-highlights--has-topnews\": this._topnewsItems.length > 0,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this._topnewsItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__topnews\">\n              {this._topnewsItems.map(item =>\n                !!item.href ? (\n                  <a\n                    href={item.href}\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted,\n                      \"stzh-topnews-item--has-link\": true,\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </a>\n                ) : (\n                  <div\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted,\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </div>\n                )\n              )}\n            </div>\n          )}\n          {this._mostsearchedItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__mostsearched\">\n              {this._mostsearchedItems.map(item => (\n                <div\n                  class={{\n                    \"stzh-mostsearched-item\": true,\n                  }}\n                >\n                  <stzh-link class=\"stzh-mostsearched-item__link\" href={item.href} icon={\"arrow-right\"}>\n                    {item.label}\n                  </stzh-link>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAmC,+hW,MCQ5BC,EAA6B,M,yBAKhCC,KAAAC,cAAmC,GAInCD,KAAAE,mBAA6C,GAkD7CF,KAAAG,KAAO,KACbH,KAAKI,oBAAoBJ,KAAKK,cAC9BL,KAAKM,yBAAyBN,KAAKO,kBAAkB,E,kBAzDJ,G,uBAIU,E,CAI7D,mBAAAH,CAAoBI,GAClB,IAAKA,EAAU,CACbR,KAAKC,cAAgB,E,MAChB,UAAWO,IAAa,SAAU,CACvC,IACE,MAAMC,EAASC,KAAKC,MAAMH,GAC1BR,KAAKC,cAAgBD,KAAKY,sBAAsBH,E,CAChD,MAAOI,GACPb,KAAKC,cAAgB,E,MAElB,CACLD,KAAKC,cAAgBD,KAAKY,sBAAsBJ,E,EAKpD,wBAAAF,CAAyBE,GACvB,IAAKA,EAAU,CACbR,KAAKE,mBAAqB,E,MACrB,UAAWM,IAAa,SAAU,CACvC,IACER,KAAKE,mBAAqBQ,KAAKC,MAAMH,E,CACrC,MAAOK,GACPb,KAAKE,mBAAqB,E,MAEvB,CACLF,KAAKE,mBAAqBM,C,EAItB,qBAAAI,CAAsBE,GAC5B,IAAIC,EAAmB,MAEvB,OAAOD,EAAME,KAAIC,IACf,GAAIA,EAAKC,cAAe,CACtB,IAAKH,EAAkB,CACrBA,EAAmB,KACnB,OAAOE,C,KACF,CAEL,OAAAE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEC,cAAe,O,EAGrC,OAAOD,CAAI,G,CASf,iBAAAI,GACErB,KAAKG,M,CAGC,sBAAAmB,CAAuBL,GAC7B,OACEM,EAACC,EAAQ,OACJP,EAAKQ,UAAYF,EAAA,aAAWG,MAAM,+BAA+BT,EAAKQ,UACzEF,EAAA,gBAAcG,MAAM,4BAA4BT,EAAKU,O,CAK3D,MAAAC,GACE,MAAMC,EAAU,CACd,mCAAoC,KACpC,gDAAiD7B,KAAKC,cAAc6B,OAAS,GAG/E,OACEP,EAACQ,EAAI,KACHR,EAAA,OAAKG,MAAOG,GACT7B,KAAKC,cAAc6B,OAAS,GAC3BP,EAAA,OAAKG,MAAM,6CACR1B,KAAKC,cAAce,KAAIC,KACpBA,EAAKe,KACLT,EAAA,KACES,KAAMf,EAAKe,KACXN,MAAO,CACL,oBAAqB,KACrB,iCAAkCT,EAAKC,cACvC,8BAA+B,OAGhClB,KAAKsB,uBAAuBL,IAG/BM,EAAA,OACEG,MAAO,CACL,oBAAqB,KACrB,iCAAkCT,EAAKC,gBAGxClB,KAAKsB,uBAAuBL,OAMtCjB,KAAKE,mBAAmB4B,OAAS,GAChCP,EAAA,OAAKG,MAAM,kDACR1B,KAAKE,mBAAmBc,KAAIC,GAC3BM,EAAA,OACEG,MAAO,CACL,yBAA0B,OAG5BH,EAAA,aAAWG,MAAM,+BAA+BM,KAAMf,EAAKe,KAAMC,KAAM,eACpEhB,EAAKU,Y"}

package/dist/stzh-components/p-585551c1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,F as i,a as s,g as n}from"./p-c7bfac7a.js";import{h as e}from"./p-e30a5acc.js";import"./p-9b063923.js";const c='.sc-stzh-contact-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-contact-h{display:none}.sc-stzh-contact-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::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-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}.sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n      "heading heading heading heading" "image image image image" "info info info info" "availability availability availability availability" "additional additional additional additional"\n  );--grid-template-columns:var(\n      --stzh-contact-grid-template-columns,\n      repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){.sc-stzh-contact-h{--grid-template-areas:var(\n        --stzh-contact-grid-template-areas,\n        "heading heading heading heading heading heading heading heading" "image image image image . . . ." "info info info info availability availability availability availability" "additional additional additional additional additional additional additional additional"\n    );--grid-template-columns:var(\n        --stzh-contact-grid-template-columns,\n        repeat(8, minmax(0, 1fr))\n    )}}@media print{.sc-stzh-contact-h{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}[image-position=left].sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n      "heading heading heading heading" "image image image image" "info info info info" "availability availability availability availability" "additional additional additional additional"\n  );--grid-template-columns:var(\n      --stzh-contact-grid-template-columns,\n      repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){[image-position=left].sc-stzh-contact-h{--grid-template-areas:var(\n        --stzh-contact-grid-template-areas,\n        "heading heading heading heading heading heading heading heading" "image info info info availability availability availability availability" "additional additional additional additional additional additional additional additional"\n    );--grid-template-columns:var(\n        --stzh-contact-grid-template-columns,\n        auto repeat(7, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){[image-position=left].sc-stzh-contact-h{--grid-template-areas:var(\n        --stzh-contact-grid-template-areas,\n        "heading heading heading heading heading heading heading heading heading heading heading heading" "image info info info info info availability availability availability availability availability availability" "additional additional additional additional additional additional additional additional additional additional additional additional"\n    );--grid-template-columns:var(\n        --stzh-contact-grid-template-columns,\n        auto repeat(11, minmax(0, 1fr))\n    )}}.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-contact__main-heading.sc-stzh-contact{grid-area:heading}.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-large)}}.stzh-contact__image-wrapper.sc-stzh-contact{grid-area:image;background-color:var(--stzh-color-secondary20)}.stzh-contact__image.sc-stzh-contact{position:relative}.stzh-contact__info.sc-stzh-contact{grid-area:info}.stzh-contact__heading.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__name.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__address.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__numbers.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__emails.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__pobox.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__availability-title.sc-stzh-contact:not(:empty):not(:last-child){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__number.sc-stzh-contact,.stzh-contact__email.sc-stzh-contact{display:flex;align-items:center}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);margin:0px}@media screen and (min-width: 900px){.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.is-heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-contact__availability.sc-stzh-contact{grid-area:availability;margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{margin-top:0px}}.stzh-contact__availability-list.sc-stzh-contact,.stzh-contact__availability-hour-list.sc-stzh-contact{list-style:none;margin:0;padding:0}.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xsmall);display:grid}@media screen and (min-width: 900px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-medium)}}.stzh-contact__availability-weekday.sc-stzh-contact{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-contact__availability-weekday.sc-stzh-contact{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-contact__availability-hours.sc-stzh-contact{display:flex;flex-wrap:wrap;-moz-column-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-xsmall)}.stzh-contact__availability-hours-separator.sc-stzh-contact{width:0.0625rem;background-color:currentColor;flex-shrink:0}.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-medium);grid-area:additional;display:grid}@media screen and (min-width: 600px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image-wrapper.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:4rem;height:4rem}@media screen and (min-width: 600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:5rem;height:5rem}}@media screen and (min-width: 900px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:6.25rem;height:6.25rem}}@media screen and (min-width: 1260px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:7.5rem;height:7.5rem}}@media screen and (min-width: 1600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:8.75rem;height:8.75rem}}.stzh-contact--image-position-left.sc-stzh-contact .stzh-contact__image-wrapper.sc-stzh-contact{background-color:transparent}';function o(t){return t.replace(/\s/g,"")}const h=class{constructor(a){t(this,a);this._street=[];this._streetInfo=[];this._numbers=[];this._emails=[];this._availability=[];this.type="Organization";this.mainHeading=undefined;this.mainHeadingLevel="2";this.heading=undefined;this.headingLevel="3";this.name=undefined;this.nameHeadingLevel="";this.address=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.imagePosition="top";this.numbers=[];this.emails=[];this.pobox=undefined;this.poboxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.availabilityTitleLevel="3";this.availability=undefined}availabilityWatcher(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}}numbersWatcher(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}}emailsWatcher(t){if(typeof t==="string"){this._emails=JSON.parse(t)}else{this._emails=t}}streetWatcher(t){if(typeof t==="string"){try{this._street=JSON.parse(t)}catch(a){this._street=[t]}}else if(t){this._street=t}}streetInfoWatcher(t){if(typeof t==="string"){try{this._streetInfo=JSON.parse(t)}catch(a){this._streetInfo=[t]}}else if(t){this._streetInfo=t}}async componentWillLoad(){this.numbersWatcher(this.numbers);this.emailsWatcher(this.emails);this.availabilityWatcher(this.availability);this.streetWatcher(this.street);this.streetInfoWatcher(this.streetInfo)}render(){const t=e(this.element,"image");const n=!!this.address||e(this.element,"address");const c=e(this.element,"addons");const h=e(this.element,"links");const l={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-address":n,"stzh-contact--has-addons":c,"stzh-contact--has-links":h,[`stzh-contact--image-position-${this.imagePosition}`]:true};const r=`h${this.headingLevel}`;const d=this.nameHeadingLevel?`h${this.nameHeadingLevel}`:"div";const m=`h${this.availabilityTitleLevel}`;return a(s,{"image-position":this.imagePosition},a("div",{class:l,itemscope:true,itemtype:`http://schema.org/${this.type}`},a("div",{class:"stzh-contact__main-heading",itemprop:this.type==="Organization"&&!this.heading||this.type==="Person"&&!this.name?"name":null},this.mainHeading?a("stzh-heading",{level:this.mainHeadingLevel},this.mainHeading):a("slot",{name:"main-heading"})),a("div",{class:"stzh-contact__image-wrapper"},a("div",{class:"stzh-contact__image"},a("slot",{name:"image"}))),a("div",{class:"stzh-contact__info"},this.heading&&a(r,{class:"stzh-contact__heading",itemprop:this.type==="Organization"||!this.name?"name":null,innerHTML:this.heading}),this.name&&a(d,{class:{"stzh-contact__name":true,"is-heading":this.nameHeadingLevel!==""},itemprop:this.type==="Person"?"name":null},this.name),a("div",{class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress",innerHTML:this.address},!this.address&&a(i,null,this._street.length>0&&a("div",{class:"stzh-contact__street",itemprop:"streetAddress"},this._street.map((t=>a(i,null,t,a("br",null)))),this._streetInfo.length>0&&a(i,null,a("br",null)," ",this._streetInfo.map((t=>a(i,null,t,a("br",null)))))),this.postalCode&&a("span",{class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&a("span",{class:"stzh-contact__locality",itemprop:"addressLocality"},this.location),a("slot",{name:"address"}))),this._numbers.length>0&&a("div",{class:"stzh-contact__numbers"},this._numbers.map((t=>a("div",{class:"stzh-contact__number"},a("span",null,t.label," "),a("stzh-link",{size:"inherit",height:"auto",class:"stzh-contact__number-link",href:`${t.type}:${o(t.number)}`,analyticsId:t.analyticsId||`${t.label} ${t.number}`,itemprop:t.type==="fax"?"faxNumber":"telephone"},t.number))))),this._emails.length>0&&a("div",{class:"stzh-contact__emails"},this._emails.map((t=>a("div",{class:"stzh-contact__email"},a("span",null,t.label," "),t.href?a("stzh-link",{size:"inherit",height:"auto",class:"stzh-container__email-link",href:`mailto:${t.href}`,analyticsId:t.analyticsId||`${t.label} ${t.text}`,itemprop:"email"},t.text):a("span",{class:"stzh-container__email-link",itemprop:"email"},t.text))))),a("div",{class:"stzh-contact__pobox",innerHTML:this.pobox},!this.pobox&&a(i,null,this.poboxHeading&&a("div",{class:"stzh-contact__pobox-heading"},this.poboxHeading),this.poboxTitle&&a("div",{class:"stzh-contact__pobox-title"},this.poboxTitle),this.poboxPostalCode&&a("span",{class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),this.poboxLocation&&a("span",{class:"stzh-contact__pobox-locality"},this.poboxLocation),a("slot",{name:"pobox"})))),this.availability&&a("div",{class:"stzh-contact__availability"},this.availabilityTitle&&a(m,{class:"stzh-contact__availability-title"},this.availabilityTitle),this._availability.length>0&&a("ul",{class:"stzh-contact__availability-list"},this._availability.map((t=>a("li",{class:"stzh-contact__availability-list-item"},a("div",{class:"stzh-contact__availability-weekday"},t.weekday),t.hours.length>0?a("div",{class:"stzh-contact__availability-hours"},t.hours.map(((s,n)=>a(i,null,a("div",{class:"stzh-contact__availability-hour"},s),n<t.hours.length-1&&a("div",{class:"stzh-contact__availability-hours-separator"}))))):a("div",{class:"stzh-contact__availability-hours"},"-")))))),a("div",{class:"stzh-contact__additional"},a("slot",null))))}get element(){return n(this)}static get watchers(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"],emails:["emailsWatcher"],street:["streetWatcher"],streetInfo:["streetInfoWatcher"]}}};h.style=c;export{h as stzh_contact};
+//# sourceMappingURL=p-585551c1.entry.js.map

package/dist/stzh-components/p-585551c1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhContactCss","formatTel","tel","replace","StzhContact","this","_street","_streetInfo","_numbers","_emails","_availability","availabilityWatcher","newValue","JSON","parse","numbersWatcher","emailsWatcher","streetWatcher","noArrayException","streetInfoWatcher","componentWillLoad","numbers","emails","availability","street","streetInfo","render","hasImage","hasSlot","element","hasAddress","address","hasAddons","hasLinks","classes","imagePosition","HeadingLevel","headingLevel","NameHeadingLevel","nameHeadingLevel","AvailabilityTitleElement","availabilityTitleLevel","h","Host","class","itemscope","itemtype","type","itemprop","heading","name","mainHeading","level","mainHeadingLevel","innerHTML","Fragment","length","map","postalCode","location","number","label","size","height","href","analyticsId","email","text","pobox","poboxHeading","poboxTitle","poboxPostalCode","poboxLocation","availabilityTitle","item","weekday","hours","hour","index"],"sources":["src/components/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading\" \"image image image image\" \"info info info info\" \"availability availability availability availability\" \"additional additional additional additional\"\n  );\n\n  --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"info info info info availability availability availability availability\" \"additional additional additional additional additional additional additional additional\"\n    );\n\n    --grid-template-columns: var(\n        --stzh-contact-grid-template-columns,\n        #{$gridColumnsMedium}\n    );\n  }\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n:host[image-position=left] {\n  --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading\" \"image image image image\" \"info info info info\" \"availability availability availability availability\" \"additional additional additional additional\"\n  );\n\n  --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\" \"image info info info availability availability availability availability\" \"additional additional additional additional additional additional additional additional\"\n    );\n\n    --grid-template-columns: var(\n        --stzh-contact-grid-template-columns,\n        auto repeat(7, minmax(0, 1fr))\n    );\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading heading heading heading heading\" \"image info info info info info availability availability availability availability availability availability\" \"additional additional additional additional additional additional additional additional additional additional additional additional\"\n    );\n\n    --grid-template-columns: var(\n        --stzh-contact-grid-template-columns,\n        auto repeat(11, minmax(0, 1fr))\n    );\n  }\n}\n\n.stzh-contact {\n  @include fontCurve('p1');\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__main-heading {\n    grid-area: heading;\n\n    &:not(:empty) {\n      @include spaceCurve('margin-bottom', 'small');\n    }\n  }\n\n  &__image-wrapper {\n    grid-area: image;\n    background-color: $colorSecondary20;\n  }\n\n  &__image {\n    position: relative;\n  }\n\n  &__info {\n    grid-area: info;\n  }\n\n  &__heading,\n  &__name,\n  &__address,\n  &__numbers,\n  &__emails,\n  &__pobox,\n  &__availability-title {\n    &:not(:empty):not(:last-child) {\n      margin-bottom: space('xsmall');\n    }\n  }\n\n  &__number,\n  &__email {\n    display: flex;\n    align-items: center;\n  }\n\n  &__heading,\n  &__name,\n  &__availability-title {\n    @include fontCurve('p1');\n    margin: 0px;\n  }\n\n  &__heading,\n  &__name.is-heading,\n  &__availability-title {\n    @include font('heavy');\n  }\n\n  &__availability {\n    grid-area: availability;\n    margin-top: space('xlarge');\n\n    @include mq($from: medium) {\n      margin-top: 0px;\n    }\n  }\n\n  &__availability-list,\n  &__availability-hour-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__availability-list {\n    @include spaceCurve('gap', 'tiny');\n    display: grid;\n  }\n\n  &__availability-weekday {\n    @include fontCurve('p2');\n  }\n\n  &__availability-hours {\n    display: flex;\n    flex-wrap: wrap;\n    column-gap: space('xsmall');\n  }\n\n  &__availability-hours-separator {\n    width: 1px;\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  &__additional {\n    @include spaceCurve('gap', 'regular');\n    grid-area: additional;\n    display: grid;\n\n    &:not(:empty) {\n      margin-top: space('medium');\n    }\n  }\n\n  /* Has image */\n\n  &--has-image &__image-wrapper {\n    margin-bottom: space('medium');\n  }\n\n  &--has-image &__image {\n    width: 64px;\n    height: 64px;\n\n    @include mq($from: small) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @include mq($from: medium) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @include mq($from: large) {\n      width: 120px;\n      height: 120px;\n    }\n\n    @include mq($from: ultra) {\n      width: 140px;\n      height: 140px;\n    }\n  }\n\n  /* image position left */\n  &--image-position-left &__image-wrapper {\n    background-color: transparent;\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { ContactEmail, ContactNumber, StzhContactAvailabilityItem } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g, \"\");\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true,\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Name heading level */\n  @Prop() nameHeadingLevel: \"\" | \"1\" | \"2\" | \"3\" | \"4\" = \"\";\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string | string[];\n  private _street: string[] = [];\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[];\n  private _streetInfo: string[] = [];\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /** Location / city */\n  @Prop() imagePosition: \"left\" | \"top\" = \"top\";\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n\n  // private _availabilityDataItems: StzhDatalistItemEntry[] = [];\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n\n    // if (this._availability) {\n    //   this._availabilityDataItems = this._availability.map((item) => ({\n    //     value: item.hours.join(' | '),\n    //     label: item.weekday\n    //   }));\n    // }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      this._numbers = JSON.parse(newValue);\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      this._emails = JSON.parse(newValue);\n    } else {\n      this._emails = newValue;\n    }\n  }\n\n  @Watch(\"street\")\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._street = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._street = [newValue];\n      }\n    } else if (newValue) {\n      this._street = newValue;\n    }\n  }\n\n  @Watch(\"streetInfo\")\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._streetInfo = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._streetInfo = [newValue];\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n    this.streetWatcher(this.street);\n    this.streetInfoWatcher(this.streetInfo);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks,\n      [`stzh-contact--image-position-${this.imagePosition}`]: true,\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const NameHeadingLevel = this.nameHeadingLevel ? `h${this.nameHeadingLevel}` : \"div\";\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n\n    return (\n      <Host image-position={this.imagePosition}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={\n              (this.type === \"Organization\" && !this.heading) || (this.type === \"Person\" && !this.name) ? \"name\" : null\n            }\n          >\n            {this.mainHeading ? (\n              <stzh-heading level={this.mainHeadingLevel}>{this.mainHeading}</stzh-heading>\n            ) : (\n              <slot name=\"main-heading\"></slot>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__image-wrapper\">\n            <div class=\"stzh-contact__image\">\n              <slot name=\"image\"></slot>\n            </div>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.heading && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.type === \"Organization\" || !this.name ? \"name\" : null}\n                innerHTML={this.heading}\n              ></HeadingLevel>\n            )}\n\n            {this.name && (\n              <NameHeadingLevel\n                class={{\n                  \"stzh-contact__name\": true,\n                  \"is-heading\": this.nameHeadingLevel !== \"\",\n                }}\n                itemprop={this.type === \"Person\" ? \"name\" : null}\n              >\n                {this.name}\n              </NameHeadingLevel>\n            )}\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address && (\n                <Fragment>\n                  {this._street.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{\" \"}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 ? (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      ) : (\n                        <div class=\"stzh-contact__availability-hours\">-</div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAiB,w9UCMvB,SAASC,EAAUC,GACjB,OAAOA,EAAIC,QAAQ,MAAO,GAC5B,C,MAcaC,EAAW,M,yBA2BdC,KAAAC,QAAoB,GAIpBD,KAAAE,YAAwB,GAkBxBF,KAAAG,SAA4B,GAS5BH,KAAAI,QAA0B,GAyB1BJ,KAAAK,cAA+C,G,UAjFb,e,iDAMQ,I,yCAMJ,I,0CAMS,G,4IAoBf,M,aAQI,G,YASF,G,oMAsBc,I,4BASxD,mBAAAC,CAAoBC,GAClB,UAAWA,IAAa,SAAU,CAChCP,KAAKK,cAAgBG,KAAKC,MAAMF,E,KAC3B,CACLP,KAAKK,cAAgBE,C,EAYzB,cAAAG,CAAeH,GACb,UAAWA,IAAa,SAAU,CAChCP,KAAKG,SAAWK,KAAKC,MAAMF,E,KACtB,CACLP,KAAKG,SAAWI,C,EAKpB,aAAAI,CAAcJ,GACZ,UAAWA,IAAa,SAAU,CAChCP,KAAKI,QAAUI,KAAKC,MAAMF,E,KACrB,CACLP,KAAKI,QAAUG,C,EAKnB,aAAAK,CAAcL,GACZ,UAAWA,IAAa,SAAU,CAChC,IACEP,KAAKC,QAAUO,KAAKC,MAAMF,E,CAC1B,MAAOM,GACPb,KAAKC,QAAU,CAACM,E,OAEb,GAAIA,EAAU,CACnBP,KAAKC,QAAUM,C,EAKnB,iBAAAO,CAAkBP,GAChB,UAAWA,IAAa,SAAU,CAChC,IACEP,KAAKE,YAAcM,KAAKC,MAAMF,E,CAC9B,MAAOM,GACPb,KAAKE,YAAc,CAACK,E,OAEjB,GAAIA,EAAU,CACnBP,KAAKE,YAAcK,C,EAMvB,uBAAMQ,GACJf,KAAKU,eAAeV,KAAKgB,SACzBhB,KAAKW,cAAcX,KAAKiB,QACxBjB,KAAKM,oBAAoBN,KAAKkB,cAC9BlB,KAAKY,cAAcZ,KAAKmB,QACxBnB,KAAKc,kBAAkBd,KAAKoB,W,CAG9B,MAAAC,GACE,MAAMC,EAAWC,EAAQvB,KAAKwB,QAAS,SACvC,MAAMC,IAAezB,KAAK0B,SAAWH,EAAQvB,KAAKwB,QAAS,WAC3D,MAAMG,EAAYJ,EAAQvB,KAAKwB,QAAS,UACxC,MAAMI,EAAWL,EAAQvB,KAAKwB,QAAS,SAEvC,MAAMK,EAAU,CACd,eAAgB,KAChB,0BAA2BP,EAC3B,4BAA6BG,EAC7B,2BAA4BE,EAC5B,0BAA2BC,EAC3B,CAAC,gCAAgC5B,KAAK8B,iBAAkB,MAG1D,MAAMC,EAAe,IAAI/B,KAAKgC,eAC9B,MAAMC,EAAmBjC,KAAKkC,iBAAmB,IAAIlC,KAAKkC,mBAAqB,MAC/E,MAAMC,EAA2B,IAAInC,KAAKoC,yBAE1C,OACEC,EAACC,EAAI,kBAAiBtC,KAAK8B,eACzBO,EAAA,OAAKE,MAAOV,EAASW,UAAS,KAACC,SAAU,qBAAqBzC,KAAK0C,QACjEL,EAAA,OACEE,MAAM,6BACNI,SACG3C,KAAK0C,OAAS,iBAAmB1C,KAAK4C,SAAa5C,KAAK0C,OAAS,WAAa1C,KAAK6C,KAAQ,OAAS,MAGtG7C,KAAK8C,YACJT,EAAA,gBAAcU,MAAO/C,KAAKgD,kBAAmBhD,KAAK8C,aAElDT,EAAA,QAAMQ,KAAK,kBAIfR,EAAA,OAAKE,MAAM,+BACTF,EAAA,OAAKE,MAAM,uBACTF,EAAA,QAAMQ,KAAK,YAIfR,EAAA,OAAKE,MAAM,sBACRvC,KAAK4C,SACJP,EAACN,EAAY,CACXQ,MAAM,wBACNI,SAAU3C,KAAK0C,OAAS,iBAAmB1C,KAAK6C,KAAO,OAAS,KAChEI,UAAWjD,KAAK4C,UAInB5C,KAAK6C,MACJR,EAACJ,EAAgB,CACfM,MAAO,CACL,qBAAsB,KACtB,aAAcvC,KAAKkC,mBAAqB,IAE1CS,SAAU3C,KAAK0C,OAAS,SAAW,OAAS,MAE3C1C,KAAK6C,MAIVR,EAAA,OACEE,MAAM,wBACNI,SAAS,UACTH,UAAS,KACTC,SAAS,kCACTQ,UAAWjD,KAAK0B,UAEd1B,KAAK0B,SACLW,EAACa,EAAQ,KACNlD,KAAKC,QAAQkD,OAAS,GACrBd,EAAA,OAAKE,MAAM,uBAAuBI,SAAS,iBACxC3C,KAAKC,QAAQmD,KAAKjC,GACjBkB,EAACa,EAAQ,KACN/B,EACDkB,EAAA,cAGHrC,KAAKE,YAAYiD,OAAS,GACzBd,EAACa,EAAQ,KACPb,EAAA,WAAO,IACNrC,KAAKE,YAAYkD,KAAKhC,GACrBiB,EAACa,EAAQ,KACN9B,EACDiB,EAAA,gBAQXrC,KAAKqD,YACJhB,EAAA,QAAME,MAAM,4BAA4BI,SAAS,cAC9C3C,KAAKqD,WAAU,KAInBrD,KAAKsD,UACJjB,EAAA,QAAME,MAAM,yBAAyBI,SAAS,mBAC3C3C,KAAKsD,UAIVjB,EAAA,QAAMQ,KAAK,cAKhB7C,KAAKG,SAASgD,OAAS,GACtBd,EAAA,OAAKE,MAAM,yBACRvC,KAAKG,SAASiD,KAAIG,GACjBlB,EAAA,OAAKE,MAAM,wBACTF,EAAA,YAAOkB,EAAOC,MAAK,KACnBnB,EAAA,aACEoB,KAAK,UACLC,OAAO,OACPnB,MAAM,4BACNoB,KAAM,GAAGJ,EAAOb,QAAQ9C,EAAU2D,EAAOA,UACzCK,YAAaL,EAAOK,aAAe,GAAGL,EAAOC,SAASD,EAAOA,SAC7DZ,SAAUY,EAAOb,OAAS,MAAQ,YAAc,aAE/Ca,EAAOA,YAOjBvD,KAAKI,QAAQ+C,OAAS,GACrBd,EAAA,OAAKE,MAAM,wBACRvC,KAAKI,QAAQgD,KAAIS,GAChBxB,EAAA,OAAKE,MAAM,uBACTF,EAAA,YAAOwB,EAAML,MAAK,KACjBK,EAAMF,KACLtB,EAAA,aACEoB,KAAK,UACLC,OAAO,OACPnB,MAAM,6BACNoB,KAAM,UAAUE,EAAMF,OACtBC,YAAaC,EAAMD,aAAe,GAAGC,EAAML,SAASK,EAAMC,OAC1DnB,SAAS,SAERkB,EAAMC,MAGTzB,EAAA,QAAME,MAAM,6BAA6BI,SAAS,SAC/CkB,EAAMC,UAQnBzB,EAAA,OAAKE,MAAM,sBAAsBU,UAAWjD,KAAK+D,QAC7C/D,KAAK+D,OACL1B,EAACa,EAAQ,KACNlD,KAAKgE,cAAgB3B,EAAA,OAAKE,MAAM,+BAA+BvC,KAAKgE,cACpEhE,KAAKiE,YAAc5B,EAAA,OAAKE,MAAM,6BAA6BvC,KAAKiE,YAChEjE,KAAKkE,iBACJ7B,EAAA,QAAME,MAAM,mCAAmCvC,KAAKkE,gBAAe,KAEpElE,KAAKmE,eAAiB9B,EAAA,QAAME,MAAM,gCAAgCvC,KAAKmE,eACxE9B,EAAA,QAAMQ,KAAK,aAMlB7C,KAAKkB,cACJmB,EAAA,OAAKE,MAAM,8BACRvC,KAAKoE,mBACJ/B,EAACF,EAAwB,CAACI,MAAM,oCAC7BvC,KAAKoE,mBAITpE,KAAKK,cAAc8C,OAAS,GAC3Bd,EAAA,MAAIE,MAAM,mCACPvC,KAAKK,cAAc+C,KAAIiB,GACtBhC,EAAA,MAAIE,MAAM,wCACRF,EAAA,OAAKE,MAAM,sCAAsC8B,EAAKC,SACrDD,EAAKE,MAAMpB,OAAS,EACnBd,EAAA,OAAKE,MAAM,oCACR8B,EAAKE,MAAMnB,KAAI,CAACoB,EAAMC,IACrBpC,EAACa,EAAQ,KACPb,EAAA,OAAKE,MAAM,mCAAmCiC,GAC7CC,EAAQJ,EAAKE,MAAMpB,OAAS,GAC3Bd,EAAA,OAAKE,MAAM,mDAMnBF,EAAA,OAAKE,MAAM,oCAAkC,UAS3DF,EAAA,OAAKE,MAAM,4BACTF,EAAA,e"}

package/dist/stzh-components/{p-edf77853.entry.js → p-63c76fd5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,h as i,a,g as o}from"./p-c7bfac7a.js";import{h as e}from"./p-7e304ea3.js";import"./p-9b063923.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{display:none}.sc-stzh-pi-content-navigation-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.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(--stzh-pi-content-navigation-arrow-background-color, var(--stzh-color-secondary30));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)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium);display:flex;align-items:center;flex-grow:1;padding-top:0.625rem;padding-bottom:0.625rem}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.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-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--stzh-color-black);margin:0}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-pi-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));margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@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)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{margin-bottom:var(--stzh-space-large)}}.stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{--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-small);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-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-large)}}@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-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__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small);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-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-large)}}@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-large)}}.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .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--has-lead.sc-stzh-pi-content-navigation .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--has-lead.sc-stzh-pi-content-navigation .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--has-lead.sc-stzh-pi-content-navigation .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--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem}.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 .stzh-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30)}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}';const c=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||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.titleLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;const n=this.href?"a":"button";return i(t,{class:"stzh-pi-content-navigation__title"},i(n,{ref:t=>this.titleLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:t=>this.headingTextElement=t},this.heading?this.heading:i("slot",{name:"heading"}))))}render(){const t=!!this.lead||e(this.element,"lead");const n=e(this.element,"image");const o=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&o;const c=o&&!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":o};return i(a,{"has-lead":t},i("article",{class:h,"aria-label":this.heading,role:"listitem"},i("div",{class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{ratio:"2:1"},i("slot",{name:"image"}))),c&&i("stzh-ratio",{class:"stzh-pi-content-navigation__title-ratio",ratio:"2:1"},this.renderHeading()),i("div",{class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),i("div",{class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"}))))}get element(){return o(this)}};c.style=s;export{c as stzh_pi_content_navigation};
-//# sourceMappingURL=p-edf77853.entry.js.map
+import{r as t,c as n,h as i,a,g as o}from"./p-c7bfac7a.js";import{h as e}from"./p-e30a5acc.js";import"./p-9b063923.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{display:none}.sc-stzh-pi-content-navigation-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.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(--stzh-pi-content-navigation-arrow-background-color, var(--stzh-color-secondary30));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)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium);display:flex;align-items:center;flex-grow:1;padding-top:0.625rem;padding-bottom:0.625rem}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.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-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--stzh-color-black);margin:0}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-pi-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));margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@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)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{margin-bottom:var(--stzh-space-large)}}.stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{--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-small);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-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-large)}}@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-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__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small);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-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-large)}}@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-large)}}.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .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--has-lead.sc-stzh-pi-content-navigation .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--has-lead.sc-stzh-pi-content-navigation .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--has-lead.sc-stzh-pi-content-navigation .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--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pi-content-navigation--has-lead.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem}.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 .stzh-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30)}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.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 .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}';const c=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||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.titleLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;const n=this.href?"a":"button";return i(t,{class:"stzh-pi-content-navigation__title"},i(n,{ref:t=>this.titleLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:t=>this.headingTextElement=t},this.heading?this.heading:i("slot",{name:"heading"}))))}render(){const t=!!this.lead||e(this.element,"lead");const n=e(this.element,"image");const o=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&o;const c=o&&!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":o};return i(a,{"has-lead":t},i("article",{class:h,"aria-label":this.heading,role:"listitem"},i("div",{class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{ratio:"2:1"},i("slot",{name:"image"}))),c&&i("stzh-ratio",{class:"stzh-pi-content-navigation__title-ratio",ratio:"2:1"},this.renderHeading()),i("div",{class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),i("div",{class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"}))))}get element(){return o(this)}};c.style=s;export{c as stzh_pi_content_navigation};
+//# sourceMappingURL=p-63c76fd5.entry.js.map