@oiz/stzh-components 3.2.0-beta1 → 3.2.0

package/dist/stzh-components/{p-30a7c058.entry.js → p-4b0cb255.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as t,h as r,F as e,a,g as h}from"./p-c7bfac7a.js";import{h as c}from"./p-e30a5acc.js";import"./p-9b063923.js";const i='.sc-stzh-card-searchresult-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-searchresult-h{display:none}.sc-stzh-card-searchresult-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::before,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::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-searchresult-h .has-focus.sc-stzh-card-searchresult{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult{outline-style:none !important}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult::-moz-focus-inner{border:0 !important}.sc-stzh-card-searchresult-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-searchresult-h .sc-stzh-card-searchresult-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-searchresult-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)}@media screen and (min-width: 600px){[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image"\n      "description image"\n      "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(11.25rem, min-content)}}@media screen and (max-width: 599px){[has-image][image-position=right].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image"\n      "description description"\n      "meta meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(6.25rem, min-content)}}.stzh-card-searchresult.sc-stzh-card-searchresult{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-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__dateline.sc-stzh-card-searchresult,.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult,.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult,.stzh-card-searchresult__heading-link-text.sc-stzh-card-searchresult,.stzh-card-searchresult__description.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{z-index:1;position:relative}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-large)}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult__image.sc-stzh-card-searchresult{display:grid;grid-area:image;width:100%}.stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{grid-area:description}.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{grid-area:meta}.stzh-card-searchresult__meta.sc-stzh-card-searchresult{overflow:hidden}.stzh-card-searchresult__download.sc-stzh-card-searchresult{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall);overflow:hidden}.stzh-card-searchresult__download-button.sc-stzh-card-searchresult{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-searchresult__download-heading.sc-stzh-card-searchresult{color:var(--stzh-color-primary70);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult,.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{z-index:2}.stzh-card-searchresult__tag.sc-stzh-card-searchresult{position:absolute;left:0;top:0}.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{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(--stzh-color-secondary30);color:var(--stzh-color-primary70);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);text-align:center}@media screen and (min-width: 600px){.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{min-width:11.25rem}}.stzh-card-searchresult__service.sc-stzh-card-searchresult{background-color:var(--service-background-color);color:var(--service-color)}.stzh-card-searchresult__dateline.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__heading.sc-stzh-card-searchresult{margin-top:0px;margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:block;color:var(--stzh-color-primary70);-webkit-text-decoration-line:none;text-decoration-line:none}@media screen and (min-width: 900px){.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{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-card-searchresult__event-infos.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black)}.stzh-card-searchresult.sc-stzh-card-searchresult:has(.stzh-card-searchresult__description:not(:empty)) .stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__description.sc-stzh-card-searchresult:empty{display:none}.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{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:5rem;height:5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-searchresult__event-date-teaser-day.sc-stzh-card-searchresult{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-searchresult__meta-list.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list.sc-stzh-card-searchresult{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-searchresult__meta-list-item.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult::before,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before,.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::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-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{z-index:10}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before{background-color:var(--stzh-color-secondary10)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__tag.sc-stzh-card-searchresult{--color:var(--stzh-color-secondary60)}.stzh-card-searchresult--has-breadcrumb.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult--has-tag.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-service.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxxlarge)}.stzh-card-searchresult--has-service.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-image.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{z-index:1;position:relative}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-default.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-small)}}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}}.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__topic.sc-stzh-card-searchresult{position:static}.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty),.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty){margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__meta.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}';const l=class{constructor(r){s(this,r);this.stzhClick=t(this,"stzhClick",7);this.handleCardClick=s=>{this.stzhClick.emit({component:"stzh-card-searchresult",originalEvent:s,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(s){if(!s){this._meta=[]}else if(typeof s==="string"){try{this._meta=JSON.parse(s)}catch(s){this._meta=[]}}else{this._meta=s}}downloadMetaWatcher(s){if(!s){this._downloadMeta=[]}else if(typeof s==="string"){try{this._downloadMeta=JSON.parse(s)}catch(s){this._downloadMeta=[]}}else{this._downloadMeta=s}}componentDidRender(){requestAnimationFrame((()=>{var s,t;const r=this.analyticsId||((s=this.headingTextElement)===null||s===void 0?void 0:s.innerText);if(r){(t=this.headingLinkElement)===null||t===void 0?void 0:t.setAttribute("s-object-id",r)}}))}async componentWillLoad(){this.metaWatcher(this.meta);this.downloadMetaWatcher(this.downloadMeta);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-searchresult")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const s=!!this.heading||c(this.element,"heading");const t=!!this.description||c(this.element,"description");const h=c(this.element,"image");const i=this.eventDateStart&&new Date(this.eventDateStart);const l=this.eventDateEnd&&new Date(this.eventDateEnd);const d={"stzh-card-searchresult":true,"stzh-card-searchresult--has-heading":s,"stzh-card-searchresult--has-description":t,"stzh-card-searchresult--has-description-wrapper":t||!!i||!!this.eventLocation,"stzh-card-searchresult--has-link":!!this.href,"stzh-card-searchresult--has-service":!!this.service,"stzh-card-searchresult--has-tag":!!this.tag,"stzh-card-searchresult--has-topic":!!this.topic,"stzh-card-searchresult--has-image":h,"stzh-card-searchresult--has-image-default":h&&this.imagePosition==="default","stzh-card-searchresult--has-image-right":h&&this.imagePosition==="right","stzh-card-searchresult--has-meta":this._meta.length>0,"stzh-card-searchresult--has-download":!!this.downloadHeading||this._downloadMeta.length>0,"stzh-card-searchresult--has-breadcrumb":!!this.breadcrumbItems};const n=`h${this.headingLevel}`;const o=this.href?"a":"div";return r(a,{"has-image":h},r("article",{class:d,"aria-label":this.heading,role:"listitem"},this.tag&&r("stzh-tag",{class:"stzh-card-searchresult__tag",label:this.tag,nonInteractive:true}),r("div",{class:"stzh-card-searchresult__heading-wrapper"},this.breadcrumbItems&&r("stzh-breadcrumb",{class:"stzh-card-searchresult__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&r("div",{class:"stzh-card-searchresult__dateline"},this.dateline),r(n,{class:"stzh-card-searchresult__heading"},r(o,{ref:s=>this.headingLinkElement=s,class:"stzh-card-searchresult__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},r("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s},this.heading?this.heading:r("slot",{name:"heading"}))))),r("div",{class:"stzh-card-searchresult__description-wrapper"},(i||this.eventLocation)&&r("div",{class:"stzh-card-searchresult__event-infos"},i&&r("div",{class:"stzh-card-searchresult__event-date"},r("span",null,this.dateAdapter.format(i,"dateLong"),", "),this.dateAdapter.formatSpan(i,l,"time")),this.eventLocation&&r("div",{class:"stzh-card-searchresult__event-location"},this.eventLocation)),r("div",{class:"stzh-card-searchresult__description"},this.description?this.description:r("slot",{name:"description"}))),r("div",{class:"stzh-card-searchresult__image"},i&&r("div",{class:"stzh-card-searchresult__event-date-teaser"},r("div",{class:"stzh-card-searchresult__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[i.getDay()]),r("div",{class:"stzh-card-searchresult__event-date-teaser-day"},i.getDate()<10&&"0",i.getDate()),r("div",{class:"stzh-card-searchresult__event-date-teaser-month"},this.localization.$globals.monthNamesShort[i.getMonth()])),this.topic&&r("div",{class:"stzh-card-searchresult__topic"},this.topic),this.service&&r("div",{class:"stzh-card-searchresult__service"},this.service),r("slot",{name:"image"})),(this._meta.length>0||this.datalistItems||!!this.downloadHeading||this._downloadMeta.length>0)&&r("div",{class:"stzh-card-searchresult__meta-wrapper"},this.datalistItems&&r("stzh-datalist",{class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&r("div",{class:"stzh-card-searchresult__meta"},r("div",{class:"stzh-card-searchresult__meta-list"},this._meta.map((s=>r(e,null,r("div",{class:"stzh-card-searchresult__meta-list-item"},s)))))),(!!this.downloadHeading||this._downloadMeta.length>0)&&r("div",{class:"stzh-card-searchresult__download"},r("div",{class:"stzh-card-searchresult__download-data"},this.downloadHeading&&r("div",{class:"stzh-card-searchresult__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&r("div",{class:"stzh-card-searchresult__download-meta-list"},this._downloadMeta.map((s=>r(e,null,r("div",{class:"stzh-card-searchresult__download-meta-list-item"},s)))))),r("div",{class:"stzh-card-searchresult__download-button"},r("stzh-icon",{class:"stzh-card-searchresult__download-icon",name:"download"}))))))}get element(){return h(this)}static get watchers(){return{meta:["metaWatcher"],downloadMeta:["downloadMetaWatcher"]}}};l.style=i;export{l as stzh_card_searchresult};
-//# sourceMappingURL=p-30a7c058.entry.js.map
+import{r as s,c as t,h as r,F as e,a,g as h}from"./p-c7bfac7a.js";import{h as c}from"./p-e30a5acc.js";import"./p-9b063923.js";const i='.sc-stzh-card-searchresult-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-searchresult-h{display:none}.sc-stzh-card-searchresult-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::before,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::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-searchresult-h .has-focus.sc-stzh-card-searchresult{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult{outline-style:none !important}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult::-moz-focus-inner{border:0 !important}.sc-stzh-card-searchresult-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-searchresult-h .sc-stzh-card-searchresult-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-searchresult-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)}@media screen and (min-width: 600px){[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image"\n      "description image"\n      "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(11.25rem, min-content)}}@media screen and (max-width: 599px){[has-image][image-position=right].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image"\n      "description description"\n      "meta meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(6.25rem, min-content)}}.stzh-card-searchresult.sc-stzh-card-searchresult{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-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__dateline.sc-stzh-card-searchresult,.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult,.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult,.stzh-card-searchresult__heading-link-text.sc-stzh-card-searchresult,.stzh-card-searchresult__description.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{z-index:1;position:relative}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-large)}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult__image.sc-stzh-card-searchresult{display:grid;grid-area:image;width:100%}.stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{grid-area:description}.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{grid-area:meta}.stzh-card-searchresult__meta.sc-stzh-card-searchresult{overflow:hidden}.stzh-card-searchresult__download.sc-stzh-card-searchresult{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall);overflow:hidden}.stzh-card-searchresult__download-button.sc-stzh-card-searchresult{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-searchresult__download-heading.sc-stzh-card-searchresult{color:var(--stzh-color-primary70);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult,.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{z-index:2}.stzh-card-searchresult__tag.sc-stzh-card-searchresult{position:absolute;left:0;top:0}.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{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(--stzh-color-secondary30);color:var(--stzh-color-primary70);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);text-align:center}@media screen and (min-width: 600px){.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{min-width:11.25rem}}.stzh-card-searchresult__service.sc-stzh-card-searchresult{background-color:var(--service-background-color);color:var(--service-color)}.stzh-card-searchresult__dateline.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__heading.sc-stzh-card-searchresult{margin-top:0px;margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:block;color:var(--stzh-color-primary70);-webkit-text-decoration-line:none;text-decoration-line:none}@media screen and (min-width: 900px){.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{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-card-searchresult__event-infos.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black)}.stzh-card-searchresult.sc-stzh-card-searchresult:has(.stzh-card-searchresult__description:not(:empty)) .stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__description.sc-stzh-card-searchresult:empty{display:none}.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{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:5rem;height:5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-searchresult__event-date-teaser-day.sc-stzh-card-searchresult{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-searchresult__meta-list.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list.sc-stzh-card-searchresult{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-searchresult__meta-list-item.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult::before,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before,.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::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-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{z-index:10}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before{background-color:var(--stzh-color-secondary10)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__tag.sc-stzh-card-searchresult{--color:var(--stzh-color-secondary60)}.stzh-card-searchresult--has-breadcrumb.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult--has-tag.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-service.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxxlarge)}.stzh-card-searchresult--has-service.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-image.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{z-index:1;position:relative}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-default.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-small)}}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}}.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__topic.sc-stzh-card-searchresult{position:static}.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty),.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty){margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__meta.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult--hyphens.sc-stzh-card-searchresult .stzh-card-searchresult__heading.sc-stzh-card-searchresult{-webkit-hyphens:auto;hyphens:auto}';const l=class{constructor(r){s(this,r);this.stzhClick=t(this,"stzhClick",7);this.handleCardClick=s=>{this.stzhClick.emit({component:"stzh-card-searchresult",originalEvent:s,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;this.hyphensEnabled=false}metaWatcher(s){if(!s){this._meta=[]}else if(typeof s==="string"){try{this._meta=JSON.parse(s)}catch(s){this._meta=[]}}else{this._meta=s}}downloadMetaWatcher(s){if(!s){this._downloadMeta=[]}else if(typeof s==="string"){try{this._downloadMeta=JSON.parse(s)}catch(s){this._downloadMeta=[]}}else{this._downloadMeta=s}}componentDidRender(){requestAnimationFrame((()=>{var s,t;const r=this.analyticsId||((s=this.headingTextElement)===null||s===void 0?void 0:s.innerText);if(r){(t=this.headingLinkElement)===null||t===void 0?void 0:t.setAttribute("s-object-id",r)}}))}async componentWillLoad(){this.metaWatcher(this.meta);this.downloadMetaWatcher(this.downloadMeta);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-searchresult")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const s=!!this.heading||c(this.element,"heading");const t=!!this.description||c(this.element,"description");const h=c(this.element,"image");const i=this.eventDateStart&&new Date(this.eventDateStart);const l=this.eventDateEnd&&new Date(this.eventDateEnd);const d={"stzh-card-searchresult":true,"stzh-card-searchresult--has-heading":s,"stzh-card-searchresult--has-description":t,"stzh-card-searchresult--has-description-wrapper":t||!!i||!!this.eventLocation,"stzh-card-searchresult--has-link":!!this.href,"stzh-card-searchresult--has-service":!!this.service,"stzh-card-searchresult--has-tag":!!this.tag,"stzh-card-searchresult--has-topic":!!this.topic,"stzh-card-searchresult--has-image":h,"stzh-card-searchresult--has-image-default":h&&this.imagePosition==="default","stzh-card-searchresult--has-image-right":h&&this.imagePosition==="right","stzh-card-searchresult--has-meta":this._meta.length>0,"stzh-card-searchresult--has-download":!!this.downloadHeading||this._downloadMeta.length>0,"stzh-card-searchresult--has-breadcrumb":!!this.breadcrumbItems,"stzh-card-searchresult--hyphens":this.hyphensEnabled};const n=`h${this.headingLevel}`;const o=this.href?"a":"div";return r(a,{"has-image":h},r("article",{class:d,"aria-label":this.heading,role:"listitem"},this.tag&&r("stzh-tag",{class:"stzh-card-searchresult__tag",label:this.tag,nonInteractive:true}),r("div",{class:"stzh-card-searchresult__heading-wrapper"},this.breadcrumbItems&&r("stzh-breadcrumb",{class:"stzh-card-searchresult__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&r("div",{class:"stzh-card-searchresult__dateline"},this.dateline),r(n,{class:"stzh-card-searchresult__heading"},r(o,{ref:s=>this.headingLinkElement=s,class:"stzh-card-searchresult__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},r("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s},this.heading?this.heading:r("slot",{name:"heading"}))))),r("div",{class:"stzh-card-searchresult__description-wrapper"},(i||this.eventLocation)&&r("div",{class:"stzh-card-searchresult__event-infos"},i&&r("div",{class:"stzh-card-searchresult__event-date"},r("span",null,this.dateAdapter.format(i,"dateLong"),", "),this.dateAdapter.formatSpan(i,l,"time")),this.eventLocation&&r("div",{class:"stzh-card-searchresult__event-location"},this.eventLocation)),r("div",{class:"stzh-card-searchresult__description"},this.description?this.description:r("slot",{name:"description"}))),r("div",{class:"stzh-card-searchresult__image"},i&&r("div",{class:"stzh-card-searchresult__event-date-teaser"},r("div",{class:"stzh-card-searchresult__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[i.getDay()]),r("div",{class:"stzh-card-searchresult__event-date-teaser-day"},i.getDate()<10&&"0",i.getDate()),r("div",{class:"stzh-card-searchresult__event-date-teaser-month"},this.localization.$globals.monthNamesShort[i.getMonth()])),this.topic&&r("div",{class:"stzh-card-searchresult__topic"},this.topic),this.service&&r("div",{class:"stzh-card-searchresult__service"},this.service),r("slot",{name:"image"})),(this._meta.length>0||this.datalistItems||!!this.downloadHeading||this._downloadMeta.length>0)&&r("div",{class:"stzh-card-searchresult__meta-wrapper"},this.datalistItems&&r("stzh-datalist",{class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&r("div",{class:"stzh-card-searchresult__meta"},r("div",{class:"stzh-card-searchresult__meta-list"},this._meta.map((s=>r(e,null,r("div",{class:"stzh-card-searchresult__meta-list-item"},s)))))),(!!this.downloadHeading||this._downloadMeta.length>0)&&r("div",{class:"stzh-card-searchresult__download"},r("div",{class:"stzh-card-searchresult__download-data"},this.downloadHeading&&r("div",{class:"stzh-card-searchresult__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&r("div",{class:"stzh-card-searchresult__download-meta-list"},this._downloadMeta.map((s=>r(e,null,r("div",{class:"stzh-card-searchresult__download-meta-list-item"},s)))))),r("div",{class:"stzh-card-searchresult__download-button"},r("stzh-icon",{class:"stzh-card-searchresult__download-icon",name:"download"}))))))}get element(){return h(this)}static get watchers(){return{meta:["metaWatcher"],downloadMeta:["downloadMetaWatcher"]}}};l.style=i;export{l as stzh_card_searchresult};
+//# sourceMappingURL=p-4b0cb255.entry.js.map

package/dist/stzh-components/p-4b0cb255.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhCardSearchresultCss","StzhCardSearchresult","this","handleCardClick","originalEvent","stzhClick","emit","component","href","metaWatcher","newValue","_meta","JSON","parse","e","downloadMetaWatcher","_downloadMeta","componentDidRender","requestAnimationFrame","objectId","analyticsId","_a","headingTextElement","innerText","_b","headingLinkElement","setAttribute","componentWillLoad","meta","downloadMeta","localization","window","stzhComponents","utils","fetchTranslations","element","dateAdapter","createFormatParseAdapter","$formats","$globals","render","hasHeading","heading","hasSlot","hasDescription","description","hasImage","eventDateStart","Date","eventDateEnd","classes","eventLocation","service","tag","topic","imagePosition","length","downloadHeading","breadcrumbItems","hyphensEnabled","Heading","headingLevel","HeadingLink","h","Host","class","role","label","nonInteractive","items","variant","dateline","ref","el","target","download","onClick","name","format","formatSpan","dayNamesShort","getDay","getDate","monthNamesShort","getMonth","datalistItems","map","Fragment"],"sources":["src/components/stzh-card-searchresult/stzh-card-searchresult.scss?tag=stzh-card-searchresult&encapsulation=scoped","src/components/stzh-card-searchresult/stzh-card-searchresult.tsx"],"sourcesContent":[":host {\n  --service-background-color: #{$colorSecondary30};\n  --service-color: #{$colorPrimary70};\n\n  --grid-template-areas:\n    \"heading\"\n    \"description\"\n    \"meta\";\n  --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n  --grid-template-columns: minmax(0, 1fr);\n\n  display: grid;\n\n  ::slotted(img) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &[has-image] {\n    --grid-template-areas:\n      \"image\"\n      \"heading\"\n      \"description\"\n      \"meta\";\n    --grid-template-rows: repeat(3, auto) minmax(0, 1fr);\n    --grid-template-columns: minmax(0, 1fr);\n\n    @include mq($from: small) {\n      --grid-template-areas:\n        \"heading image\"\n        \"description image\"\n        \"meta image\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(180px, min-content);\n    }\n  }\n\n  &[has-image][image-position=\"right\"] {\n    @include mq($to: small) {\n      --grid-template-areas:\n        \"heading image\"\n        \"description description\"\n        \"meta meta\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(100px, min-content);\n    }\n  }\n}\n\n.stzh-card-searchresult {\n  @include fontSize('milli');\n  position: relative;\n  display: grid;\n  background-color: $colorGrey10;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-rows: var(--grid-template-rows);\n  grid-template-columns: var(--grid-template-columns);\n  color: $colorGrey80;\n\n  &__tag,\n  &__dateline,\n  &__breadcrumb,\n  &__event-infos,\n  &__heading-link-text,\n  &__description,\n  &__meta-wrapper {\n    z-index: 1;\n    position: relative;\n  }\n\n  &__heading-wrapper,\n  &--has-description-wrapper &__description-wrapper,\n  &__meta-wrapper {\n    margin-left: space('medium');\n    margin-right: space('medium');\n    margin-bottom: space('large');\n  }\n\n  &__heading-wrapper {\n    grid-area: heading;\n    display: grid;\n    margin-top: space('xlarge');\n  }\n\n  &__image {\n    display: grid;\n    grid-area: image;\n    width: 100%;\n  }\n\n  &__description-wrapper {\n    grid-area: description;\n  }\n\n  &__meta-wrapper {\n    grid-area: meta;\n  }\n\n  &__meta {\n    overflow: hidden;\n  }\n\n  &__download {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: space('xsmall');\n    overflow: hidden;\n  }\n\n  &__download-button {\n    align-self: flex-end;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $formInputHeightSmall;\n    height: $formInputHeightSmall;\n    color: $colorPrimary70;\n  }\n\n  &__download-heading {\n    color: $colorPrimary70;\n    text-underline-offset: $linkTextUnderlineOffset;\n    text-decoration-line: $linkTextDecorationLine;\n    text-decoration-thickness: $linkTextDecorationThickness;\n    text-decoration-skip-ink: $linkTextDecorationSkipInk;\n  }\n\n  &__tag,\n  &__topic,\n  &__service,\n  &__event-date-teaser {\n    z-index: 2;\n  }\n\n  &__tag {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  &__service,\n  &__topic {\n    @include font('heavy');\n    @include fontSize('micro');\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-color: $colorSecondary30;\n    color: $colorPrimary70;\n    padding: space('xsmall') space('medium');\n    text-align: center;\n\n    @include mq($from: small) {\n      min-width: 180px;\n    }\n  }\n\n  &__service {\n    background-color: var(--service-background-color);\n    color: var(--service-color);\n  }\n\n  &__dateline {\n    @include fontSize('micro');\n    margin-bottom: space('small');\n  }\n\n  &__heading {\n    margin-top: 0px;\n    margin-bottom: space('xsmall');\n  }\n\n  &__heading-link {\n    @include font('heavy');\n    @include fontCurve('p1');\n    display: block;\n    color: $colorPrimary70;\n    text-decoration-line: none;\n  }\n\n  &__event-infos {\n    @include fontSize('micro');\n    color: $colorBlack;\n  }\n\n  &:has(#{&}__description:not(:empty)) &__event-infos {\n    margin-bottom: space('small');\n  }\n\n  &__description {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__breadcrumb {\n    margin-bottom: space('small');\n  }\n\n  &__event-date-teaser {\n    @include fontSize('nano');\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 80px;\n    height: 80px;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  &__event-date-teaser-day {\n    @include font('heavy');\n    @include fontSize('hecto');\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__meta-list,\n  &__download-meta-list {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    column-gap: space('xsmall');\n    margin-left: calc((#{space('xsmall')} + 1px) / -1);\n  }\n\n  &__meta-list-item,\n  &__download-meta-list-item {\n    display: flex;\n    align-items: center;\n    min-height: 24px;\n    gap: space('xsmall');\n\n    &::before {\n      content: '';\n      display: block;\n      width: 1px;\n      height: 16px;\n      background-color: currentColor;\n    }\n  }\n\n  /* Has link */\n\n  &--has-link &__heading-link {\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      transition: background-color $baseTransitionAnimationSpeed;\n    }\n\n    &::after {\n      z-index: 10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__heading-link {\n    &::before {\n      background-color: $colorSecondary10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__tag {\n    --color: #{$colorSecondary60};\n  }\n\n  /* Has breadcrumb */\n\n  &--has-breadcrumb &__heading-wrapper {\n    margin-top: space('xlarge');\n  }\n\n  /* Has tag */\n\n  &--has-tag &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has topic or service */\n\n  &--has-service &__heading-wrapper,\n  &--has-topic &__heading-wrapper {\n    margin-top: space('xxxxlarge');\n  }\n\n  &--has-service#{&}--has-image-right &__heading-wrapper,\n  &--has-topic#{&}--has-image-right &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has image (default) */\n\n  &--has-image &__image {\n    z-index: 1;\n    position: relative;\n  }\n\n  &--has-image-default &__heading-wrapper {\n    @include mq($to: small) {\n      margin-top: space('small');\n    }\n  }\n\n  /* Has image right */\n\n  &--has-image-right &__image {\n    @include mq($to: small) {\n      margin-bottom: space('xsmall');\n    }\n  }\n\n  &--has-image-right &__service,\n  &--has-image-right &__topic {\n    position: static;\n  }\n\n  /* Has description wrapper, meta or download */\n\n  &--has-description-wrapper &__heading-wrapper,\n  &--has-meta &__heading-wrapper,\n  &--has-download &__heading-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description-wrapper,\n  &--has-download &__description-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description,\n  &--has-download &__description {\n    &:not(:empty) {\n      margin-bottom: space('small');\n    }\n  }\n\n  &--has-download &__meta {\n    margin-bottom: space('xsmall');\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    hyphens: auto;\n  }\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Watch, Fragment } from \"@stencil/core\";\n\nimport {\n  StzhCardSearchresultClickEvent,\n  StzhBreadcrumbItem,\n  StzhDatalistItemEntry,\n  StzhLocaleAdapter,\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n  tag: \"stzh-card-searchresult\",\n  styleUrl: \"stzh-card-searchresult.scss\",\n  scoped: true,\n})\nexport class StzhCardSearchresult {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /** Download attribute (if href is used) */\n  @Prop() download: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Description text (alternative for description slot) */\n  @Prop() description: string = \"\";\n\n  /** Tag */\n  @Prop() tag: string;\n\n  /** Topic */\n  @Prop() topic: string;\n\n  /** Service */\n  @Prop() service: string;\n\n  /** Dateline */\n  @Prop() dateline: string;\n\n  /** Meta */\n  @Prop() meta: string[] | string;\n  private _meta: string[];\n\n  /** Breadcrumb items */\n  @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n\n  /** Datalist items */\n  @Prop() datalistItems: StzhDatalistItemEntry[] | string = [];\n\n  /** Event start date */\n  @Prop() eventDateStart: Date | string;\n\n  /** Event start date */\n  @Prop() eventDateEnd: Date | string;\n\n  /** Event location */\n  @Prop() eventLocation: string;\n\n  /** Image position */\n  @Prop({ reflect: true }) imagePosition: \"default\" | \"right\" = \"default\";\n\n  /** Download heading */\n  @Prop() downloadHeading: string;\n\n  /** Download meta */\n  @Prop() downloadMeta: string[] | string;\n  private _downloadMeta: string[];\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardSearchresultClickEvent>;\n\n  @Watch(\"meta\")\n  metaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._meta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._meta = JSON.parse(newValue);\n      } catch (e) {\n        this._meta = [];\n      }\n    } else {\n      this._meta = newValue;\n    }\n  }\n\n  @Watch(\"downloadMeta\")\n  downloadMetaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._downloadMeta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._downloadMeta = JSON.parse(newValue);\n      } catch (e) {\n        this._downloadMeta = [];\n      }\n    } else {\n      this._downloadMeta = newValue;\n    }\n  }\n\n  private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-searchresult\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.headingLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    this.metaWatcher(this.meta);\n    this.downloadMetaWatcher(this.downloadMeta);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card-searchresult\");\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals\n      );\n    }\n  }\n\n  render() {\n    const hasHeading = !!this.heading || hasSlot(this.element, \"heading\");\n    const hasDescription = !!this.description || hasSlot(this.element, \"description\");\n    const hasImage = hasSlot(this.element, \"image\");\n\n    const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n    const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n\n    const classes = {\n      \"stzh-card-searchresult\": true,\n      \"stzh-card-searchresult--has-heading\": hasHeading,\n      \"stzh-card-searchresult--has-description\": hasDescription,\n      \"stzh-card-searchresult--has-description-wrapper\": hasDescription || !!eventDateStart || !!this.eventLocation,\n      \"stzh-card-searchresult--has-link\": !!this.href,\n      \"stzh-card-searchresult--has-service\": !!this.service,\n      \"stzh-card-searchresult--has-tag\": !!this.tag,\n      \"stzh-card-searchresult--has-topic\": !!this.topic,\n      \"stzh-card-searchresult--has-image\": hasImage,\n      \"stzh-card-searchresult--has-image-default\": hasImage && this.imagePosition === \"default\",\n      \"stzh-card-searchresult--has-image-right\": hasImage && this.imagePosition === \"right\",\n      \"stzh-card-searchresult--has-meta\": this._meta.length > 0,\n      \"stzh-card-searchresult--has-download\": !!this.downloadHeading || this._downloadMeta.length > 0,\n      \"stzh-card-searchresult--has-breadcrumb\": !!this.breadcrumbItems,\n      \"stzh-card-searchresult--hyphens\": this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const HeadingLink = this.href ? \"a\" : \"div\";\n\n    return (\n      <Host has-image={hasImage}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          {this.tag && <stzh-tag class=\"stzh-card-searchresult__tag\" label={this.tag} nonInteractive={true}></stzh-tag>}\n\n          <div class=\"stzh-card-searchresult__heading-wrapper\">\n            {this.breadcrumbItems && (\n              <stzh-breadcrumb\n                class=\"stzh-card-searchresult__breadcrumb\"\n                items={this.breadcrumbItems}\n                variant=\"teaser\"\n              ></stzh-breadcrumb>\n            )}\n\n            {this.dateline && <div class=\"stzh-card-searchresult__dateline\">{this.dateline}</div>}\n\n            <Heading class=\"stzh-card-searchresult__heading\">\n              <HeadingLink\n                ref={el => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n                class=\"stzh-card-searchresult__heading-link\"\n                href={this.href}\n                target={this.target}\n                download={this.download}\n                onClick={this.handleCardClick}\n              >\n                <div\n                  class=\"stzh-card-searchresult__heading-link-text\"\n                  ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                >\n                  {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                </div>\n              </HeadingLink>\n            </Heading>\n          </div>\n\n          <div class=\"stzh-card-searchresult__description-wrapper\">\n            {(eventDateStart || this.eventLocation) && (\n              <div class=\"stzh-card-searchresult__event-infos\">\n                {eventDateStart && (\n                  <div class=\"stzh-card-searchresult__event-date\">\n                    <span>{this.dateAdapter.format(eventDateStart, \"dateLong\")},&nbsp;</span>\n                    {this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, \"time\")}\n                  </div>\n                )}\n                {this.eventLocation && <div class=\"stzh-card-searchresult__event-location\">{this.eventLocation}</div>}\n              </div>\n            )}\n\n            <div class=\"stzh-card-searchresult__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-searchresult__image\">\n            {eventDateStart && (\n              <div class=\"stzh-card-searchresult__event-date-teaser\">\n                <div class=\"stzh-card-searchresult__event-date-teaser-day-name\">\n                  {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-day\">\n                  {eventDateStart.getDate() < 10 && \"0\"}\n                  {eventDateStart.getDate()}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-month\">\n                  {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n                </div>\n              </div>\n            )}\n            {this.topic && <div class=\"stzh-card-searchresult__topic\">{this.topic}</div>}\n            {this.service && <div class=\"stzh-card-searchresult__service\">{this.service}</div>}\n            <slot name=\"image\"></slot>\n          </div>\n\n          {(this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (\n            <div class=\"stzh-card-searchresult__meta-wrapper\">\n              {this.datalistItems && (\n                <stzh-datalist class=\"stzh-card-searchresult__datalist\" items={this.datalistItems}></stzh-datalist>\n              )}\n\n              {this._meta.length > 0 && (\n                <div class=\"stzh-card-searchresult__meta\">\n                  <div class=\"stzh-card-searchresult__meta-list\">\n                    {this._meta.map(meta => (\n                      <Fragment>\n                        <div class=\"stzh-card-searchresult__meta-list-item\">{meta}</div>\n                      </Fragment>\n                    ))}\n                  </div>\n                </div>\n              )}\n\n              {(!!this.downloadHeading || this._downloadMeta.length > 0) && (\n                <div class=\"stzh-card-searchresult__download\">\n                  <div class=\"stzh-card-searchresult__download-data\">\n                    {this.downloadHeading && (\n                      <div class=\"stzh-card-searchresult__download-heading\">{this.downloadHeading}</div>\n                    )}\n                    {this._downloadMeta.length > 0 && (\n                      <div class=\"stzh-card-searchresult__download-meta-list\">\n                        {this._downloadMeta.map(meta => (\n                          <Fragment>\n                            <div class=\"stzh-card-searchresult__download-meta-list-item\">{meta}</div>\n                          </Fragment>\n                        ))}\n                      </div>\n                    )}\n                  </div>\n\n                  <div class=\"stzh-card-searchresult__download-button\">\n                    <stzh-icon class=\"stzh-card-searchresult__download-icon\" name=\"download\"></stzh-icon>\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-513b7fcd.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as t,F as r,a,g as h}from"./p-c7bfac7a.js";import{h as i}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)}.stzh-card-superteaser--hyphens.sc-stzh-card-superteaser .stzh-card-superteaser__heading.sc-stzh-card-superteaser{-webkit-hyphens:auto;hyphens:auto}';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;this.hyphensEnabled=false}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||i(this.element,"heading");const s=!!this.description||i(this.element,"description");const h=i(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":h,"stzh-card-superteaser--has-image-default":h&&this.imagePosition==="default","stzh-card-superteaser--has-image-right":h&&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,"stzh-card-superteaser--hyphens":this.hyphensEnabled};const o=`h${this.headingLevel}`;const p=this.href?"a":"div";return t(a,{"has-image":h},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 h(this)}static get watchers(){return{meta:["metaWatcher"],downloadMeta:["downloadMetaWatcher"]}}};d.style=c;export{d as stzh_card_superteaser};
+//# sourceMappingURL=p-513b7fcd.entry.js.map

package/dist/stzh-components/p-513b7fcd.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhCardSuperteaserCss","StzhCardSuperteaser","this","handleCardClick","originalEvent","stzhClick","emit","component","href","metaWatcher","newValue","_meta","JSON","parse","e","downloadMetaWatcher","_downloadMeta","componentDidRender","requestAnimationFrame","objectId","analyticsId","_a","headingTextElement","innerText","_b","headingLinkElement","setAttribute","componentWillLoad","meta","downloadMeta","localization","window","stzhComponents","utils","fetchTranslations","element","dateAdapter","createFormatParseAdapter","$formats","$globals","render","hasHeading","heading","hasSlot","hasDescription","description","hasImage","eventDateStart","Date","eventDateEnd","classes","eventLocation","service","tag","topic","imagePosition","length","downloadHeading","breadcrumbItems","hyphensEnabled","Heading","headingLevel","HeadingLink","h","Host","class","role","label","nonInteractive","items","variant","dateline","ref","el","target","download","onClick","name","format","formatSpan","dayNamesShort","getDay","getDate","monthNamesShort","getMonth","datalistItems","map","Fragment"],"sources":["src/components/stzh-card-superteaser/stzh-card-superteaser.scss?tag=stzh-card-superteaser&encapsulation=scoped","src/components/stzh-card-superteaser/stzh-card-superteaser.tsx"],"sourcesContent":[":host {\n  --service-background-color: #{$colorSecondary30};\n  --service-color: #{$colorPrimary70};\n\n  --grid-template-areas:\n    \"heading\"\n    \"description\"\n    \"meta\";\n  --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n  --grid-template-columns: minmax(0, 1fr);\n\n  display: grid;\n\n  ::slotted(img) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &[has-image] {\n    --grid-template-areas:\n      \"image\"\n      \"heading\"\n      \"description\"\n      \"meta\";\n    --grid-template-rows: repeat(3, auto) minmax(0, 1fr);\n    --grid-template-columns: minmax(0, 1fr);\n  }\n\n  &[has-image][image-position=\"right\"] {\n    --grid-template-areas:\n      \"heading heading\"\n      \"description description\"\n      \"meta image\";\n    --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n    --grid-template-columns: minmax(0, 1fr) minmax(calc(100px + #{space('medium')}), min-content);\n  }\n}\n\n.stzh-card-superteaser {\n  @include fontSize('milli');\n  position: relative;\n  display: grid;\n  background-color: $colorGrey10;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-rows: var(--grid-template-rows);\n  grid-template-columns: var(--grid-template-columns);\n  color: $colorGrey80;\n\n  &__tag,\n  &__dateline,\n  &__breadcrumb,\n  &__event-infos,\n  &__heading-link-text,\n  &__description,\n  &__meta-wrapper {\n    z-index: 1;\n    position: relative;\n  }\n\n  &__heading-wrapper,\n  &--has-description-wrapper &__description-wrapper,\n  &__meta-wrapper {\n    margin-left: space('medium');\n    margin-right: space('medium');\n    margin-bottom: space('large');\n  }\n\n  &__heading-wrapper {\n    grid-area: heading;\n    display: grid;\n    margin-top: space('xlarge');\n  }\n\n  &__image,\n  &__meta-wrapper {\n    align-self: end;\n  }\n\n  &__image {\n    display: grid;\n    grid-area: image;\n    width: 100%;\n  }\n\n  &__description-wrapper {\n    grid-area: description;\n  }\n\n  &__meta-wrapper {\n    grid-area: meta;\n  }\n\n  &__meta {\n    overflow: hidden;\n  }\n\n  &__download {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: space('xsmall');\n    overflow: hidden;\n  }\n\n  &__download-button {\n    align-self: flex-end;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $formInputHeightSmall;\n    height: $formInputHeightSmall;\n    color: $colorPrimary70;\n  }\n\n  // &__download-heading {\n  //   color: $colorPrimary70;\n  //   text-underline-offset: $linkTextUnderlineOffset;\n  //   text-decoration-line: $linkTextDecorationLine;\n  //   text-decoration-thickness: $linkTextDecorationThickness;\n  //   text-decoration-skip-ink: $linkTextDecorationSkipInk;\n  // }\n\n  &__tag,\n  &__topic,\n  &__service,\n  &__event-date-teaser {\n    z-index: 2;\n  }\n\n  &__tag {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  &__service {\n    @include font('heavy');\n    @include fontSize('micro');\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-color: var(--service-background-color);\n    color: var(--service-color);\n    padding: space('xsmall') space('medium');\n    text-align: center;\n  }\n\n  &__topic {\n    @include font('heavy');\n    @include fontSize('micro');\n    position: relative;\n    color: $colorPrimary70;\n    margin-bottom: space('xsmall');\n  }\n\n  &__dateline {\n    @include fontSize('micro');\n    color: $colorBlack;\n    margin-bottom: space('xxsmall');\n  }\n\n  &__heading {\n    margin-top: 0px;\n    margin-bottom: space('small');\n  }\n\n  &__heading-link {\n    @include font('heavy');\n    @include fontSize('deca');\n    display: block;\n    color: $colorPrimary70;\n    text-decoration-line: none;\n  }\n\n  &__event-infos {\n    @include fontSize('micro');\n  }\n\n  &:has(#{&}__description:not(:empty)) &__event-infos {\n    margin-bottom: space('small');\n  }\n\n  &__description {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__breadcrumb {\n    margin-bottom: space('small');\n  }\n\n  &__event-date-teaser {\n    @include fontSize('nano');\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 88px;\n    height: 88px;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  &__event-date-teaser-day {\n    @include font('heavy');\n    @include fontSize('hecto');\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__meta-list,\n  &__download-meta-list {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    column-gap: space('xsmall');\n    margin-left: calc((#{space('xsmall')} + 1px) / -1);\n  }\n\n  &__meta-list-item,\n  &__download-meta-list-item {\n    display: flex;\n    align-items: center;\n    min-height: 24px;\n    gap: space('xsmall');\n\n    &::before {\n      content: '';\n      display: block;\n      width: 1px;\n      height: 16px;\n      background-color: currentColor;\n    }\n  }\n\n  /* Has link */\n\n  &--has-link &__heading-link {\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      transition: background-color $baseTransitionAnimationSpeed;\n    }\n\n    &::after {\n      z-index: 10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__heading-link {\n    &::before {\n      background-color: $colorSecondary10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__tag {\n    --color: #{$colorSecondary60};\n  }\n\n  /* Has tag */\n\n  &--has-tag &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has service */\n\n  &--has-service &__heading-wrapper {\n    margin-top: space('xxxxlarge');\n  }\n\n  &--has-service#{&}--has-image-right &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has image (default) */\n\n  &--has-image &__image {\n    z-index: 1;\n    position: relative;\n  }\n\n  &--has-image-default &__heading-wrapper {\n    margin-top: space('medium');\n  }\n\n  /* Has image right */\n\n  &--has-image-right &__image {\n    margin-bottom: space('large');\n    padding-right: space('medium');\n  }\n\n  &--has-image-right &__meta-wrapper {\n    margin-right: space('xsmall');\n  }\n\n  &--has-image-right &__service {\n    position: static;\n  }\n\n  /* Has description wrapper, meta or download */\n\n  &--has-description-wrapper &__heading-wrapper,\n  &--has-meta &__heading-wrapper,\n  &--has-download &__heading-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description-wrapper,\n  &--has-download &__description-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description,\n  &--has-download &__description {\n    &:not(:empty) {\n      margin-bottom: space('small');\n    }\n  }\n\n  &--has-download &__meta {\n    margin-bottom: space('xsmall');\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    hyphens: auto;\n  }\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Watch, Fragment } from \"@stencil/core\";\n\nimport {\n  StzhCardSuperteaserClickEvent,\n  StzhBreadcrumbItem,\n  StzhDatalistItemEntry,\n  StzhLocaleAdapter,\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport { StzhCardSuperteaserLocalizedText } from \"./stzh-card-superteaser.localization\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n  tag: \"stzh-card-superteaser\",\n  styleUrl: \"stzh-card-superteaser.scss\",\n  scoped: true,\n})\nexport class StzhCardSuperteaser {\n  /** Translation strings */\n  @Prop() localization: StzhCardSuperteaserLocalizedText;\n\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /** Download attribute (if href is used) */\n  @Prop() download: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Description text (alternative for description slot) */\n  @Prop() description: string = \"\";\n\n  /** Tag */\n  @Prop() tag: string;\n\n  /** Topic */\n  @Prop() topic: string;\n\n  /** Service */\n  @Prop() service: string;\n\n  /** Dateline */\n  @Prop() dateline: string;\n\n  /** Meta */\n  @Prop() meta: string[] | string;\n  private _meta: string[];\n\n  /** Breadcrumb items */\n  @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n\n  /** Datalist items */\n  @Prop() datalistItems: StzhDatalistItemEntry[] | string = [];\n\n  /** Event start date */\n  @Prop() eventDateStart: Date | string;\n\n  /** Event start date */\n  @Prop() eventDateEnd: Date | string;\n\n  /** Event location */\n  @Prop() eventLocation: string;\n\n  /** Image position */\n  @Prop({ reflect: true }) imagePosition: \"default\" | \"right\" = \"default\";\n\n  /** Download heading */\n  @Prop() downloadHeading: string;\n\n  /** Download meta */\n  @Prop() downloadMeta: string[] | string;\n  private _downloadMeta: string[];\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardSuperteaserClickEvent>;\n\n  @Watch(\"meta\")\n  metaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._meta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._meta = JSON.parse(newValue);\n      } catch (e) {\n        this._meta = [];\n      }\n    } else {\n      this._meta = newValue;\n    }\n  }\n\n  @Watch(\"downloadMeta\")\n  downloadMetaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._downloadMeta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._downloadMeta = JSON.parse(newValue);\n      } catch (e) {\n        this._downloadMeta = [];\n      }\n    } else {\n      this._downloadMeta = newValue;\n    }\n  }\n\n  private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-superteaser\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.headingLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    this.metaWatcher(this.meta);\n    this.downloadMetaWatcher(this.downloadMeta);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card-superteaser\");\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals\n      );\n    }\n  }\n\n  render() {\n    const hasHeading = !!this.heading || hasSlot(this.element, \"heading\");\n    const hasDescription = !!this.description || hasSlot(this.element, \"description\");\n    const hasImage = hasSlot(this.element, \"image\");\n\n    const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n    const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n\n    const classes = {\n      \"stzh-card-superteaser\": true,\n      \"stzh-card-superteaser--has-heading\": hasHeading,\n      \"stzh-card-superteaser--has-description\": hasDescription,\n      \"stzh-card-superteaser--has-description-wrapper\": hasDescription || !!eventDateStart || !!this.eventLocation,\n      \"stzh-card-superteaser--has-link\": !!this.href,\n      \"stzh-card-superteaser--has-service\": !!this.service,\n      \"stzh-card-superteaser--has-tag\": !!this.tag,\n      \"stzh-card-superteaser--has-topic\": !!this.topic,\n      \"stzh-card-superteaser--has-image\": hasImage,\n      \"stzh-card-superteaser--has-image-default\": hasImage && this.imagePosition === \"default\",\n      \"stzh-card-superteaser--has-image-right\": hasImage && this.imagePosition === \"right\",\n      \"stzh-card-superteaser--has-meta\": this._meta.length > 0,\n      \"stzh-card-superteaser--has-download\": !!this.downloadHeading || this._downloadMeta.length > 0,\n      \"stzh-card-superteaser--has-breadcrumb\": !!this.breadcrumbItems,\n      \"stzh-card-superteaser--hyphens\": this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const HeadingLink = this.href ? \"a\" : \"div\";\n\n    return (\n      <Host has-image={hasImage}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          {this.tag && <stzh-tag class=\"stzh-card-superteaser__tag\" label={this.tag} nonInteractive={true}></stzh-tag>}\n\n          <div class=\"stzh-card-superteaser__heading-wrapper\">\n            {this.breadcrumbItems && (\n              <stzh-breadcrumb\n                class=\"stzh-card-superteaser__breadcrumb\"\n                items={this.breadcrumbItems}\n                variant=\"teaser\"\n              ></stzh-breadcrumb>\n            )}\n\n            {this.dateline && <div class=\"stzh-card-superteaser__dateline\">{this.dateline}</div>}\n\n            {this.topic && <div class=\"stzh-card-superteaser__topic\">{this.topic}</div>}\n\n            <Heading class=\"stzh-card-superteaser__heading\">\n              <HeadingLink\n                ref={el => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n                class=\"stzh-card-superteaser__heading-link\"\n                href={this.href}\n                target={this.target}\n                download={this.download}\n                onClick={this.handleCardClick}\n              >\n                <div\n                  class=\"stzh-card-superteaser__heading-link-text\"\n                  ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                >\n                  {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                </div>\n              </HeadingLink>\n            </Heading>\n          </div>\n\n          <div class=\"stzh-card-superteaser__description-wrapper\">\n            {(eventDateStart || this.eventLocation) && (\n              <div class=\"stzh-card-superteaser__event-infos\">\n                {eventDateStart && (\n                  <div class=\"stzh-card-superteaser__event-date\">\n                    <span>{this.dateAdapter.format(eventDateStart, \"dateLong\")},&nbsp;</span>\n                    {this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, \"time\")}\n                  </div>\n                )}\n                {this.eventLocation && <div class=\"stzh-card-superteaser__event-location\">{this.eventLocation}</div>}\n              </div>\n            )}\n\n            <div class=\"stzh-card-superteaser__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-superteaser__image\">\n            {eventDateStart && (\n              <div class=\"stzh-card-superteaser__event-date-teaser\">\n                <div class=\"stzh-card-superteaser__event-date-teaser-day-name\">\n                  {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n                </div>\n                <div class=\"stzh-card-superteaser__event-date-teaser-day\">\n                  {eventDateStart.getDate() < 10 && \"0\"}\n                  {eventDateStart.getDate()}\n                </div>\n                <div class=\"stzh-card-superteaser__event-date-teaser-month\">\n                  {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n                </div>\n              </div>\n            )}\n            {this.service && <div class=\"stzh-card-superteaser__service\">{this.service}</div>}\n            <slot name=\"image\"></slot>\n          </div>\n\n          {(this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (\n            <div class=\"stzh-card-superteaser__meta-wrapper\">\n              {this.datalistItems && (\n                <stzh-datalist class=\"stzh-card-searchresult__datalist\" items={this.datalistItems}></stzh-datalist>\n              )}\n\n              {this._meta.length > 0 && (\n                <div class=\"stzh-card-superteaser__meta\">\n                  <div class=\"stzh-card-superteaser__meta-list\">\n                    {this._meta.map(meta => (\n                      <Fragment>\n                        <div class=\"stzh-card-superteaser__meta-list-item\">{meta}</div>\n                      </Fragment>\n                    ))}\n                  </div>\n                </div>\n              )}\n\n              {(!!this.downloadHeading || this._downloadMeta.length > 0) && (\n                <div class=\"stzh-card-superteaser__download\">\n                  <div class=\"stzh-card-superteaser__download-data\">\n                    {this.downloadHeading && (\n                      <div class=\"stzh-card-superteaser__download-heading\">{this.downloadHeading}</div>\n                    )}\n                    {this._downloadMeta.length > 0 && (\n                      <div class=\"stzh-card-superteaser__download-meta-list\">\n                        {this._downloadMeta.map(meta => (\n                          <Fragment>\n                            <div class=\"stzh-card-superteaser__download-meta-list-item\">{meta}</div>\n                          </Fragment>\n                        ))}\n                      </div>\n                    )}\n                  </div>\n\n                  <div class=\"stzh-card-superteaser__download-button\">\n                    <stzh-icon class=\"stzh-card-superteaser__download-icon\" name=\"download\"></stzh-icon>\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-6e49f741.js

@@ -0,0 +1,2 @@
+const t="@oiz/stzh-components";const n="3.2.0";const o=t.substring(t.indexOf("/")+1);const s=t=>{const n=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const t=document.querySelector(document.location.hash);if(t){t.scrollIntoView()}}};function e(){window.addEventListener("appload",s)}function i(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:s}=window.stzhComponents.translations;const e=f(o,s);return e.format(t,n)}function r(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:s}=window.stzhComponents.translations;const e=f(o,s);return e.parse(t,n)}function c(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:s,$globals:e}=window.stzhComponents.translations;const i=f(s,e);return i.formatSpan(t,n,o)}function l(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:s}=window.stzhComponents.translations;const e=f(o,s);return e.parseSpan(t,n)}function f(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let s=o.getDate().toString(10);let e=s;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){e=`0${e}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,s).replace(/\{d\}/g,e).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const s=function(t,n){if(!n){return}const o=new RegExp(t);const s=n.match(o);if(s){const{groups:t}=s;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const e=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(e)&&(e<1||e>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(e)?e:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const e={format:function(n,s="datetime"){const e={...t[s],...window.stzhComponents?.formats[s]||{}};if(typeof e.format==="string"){return o(e.format,n)}else{return e.format(n)}},parse:function(n,o="datetime"){const e={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof e.parse==="string"){return s(e.parse,n)}else{return e.parse(n)}},formatSpan:function(t,o,s="datetime"){let e=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){e=this.format(t,s)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,s)}let a=n.dateRange;if(s.startsWith("time")){a=n.timeRange}return e+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let s=n.dateRange;if(o.startsWith("time")){s=n.timeRange}const e=t.split(s);const i=this.parse(e[0],o);const a=this.parse(e[1],o);return[i,a,s]}};return e}function u(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function d(t,n){const o=u(t);const s=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&window.stzhComponents.version.match(/-dev-snapshot/i)===null&&s&&Object.keys(s).length>0){return{...s[n]||{},$globals:s.$globals,$locale:s.$code,$formats:s.$formats,$formatsIso:s.$formatsIso,$formatsLegacy:s.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const s=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(s));return{...s[n]||{},$globals:s.$globals,$locale:s.$code,$formats:s.$formats,$formatsIso:s.$formatsIso,$formatsLegacy:s.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const w=Object.freeze({__proto__:null,format:a,parse:r,formatSpan:c,parseSpan:l,createFormatParseAdapter:f,getLocale:u,fetchTranslations:d});function m(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:w});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=d(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}e();i()}const p=m;export{p as g};
+//# sourceMappingURL=p-6e49f741.js.map

package/dist/stzh-components/{p-2d405b51.js.map → p-6e49f741.js.map}

@@ -1 +1 @@
-{"version":3,"names":["packageName","packageNameScoped","substring","indexOf","debouncedFocus","event","autofocus","document","querySelector","window","stzhComponents","fixAutofocus","location","hash","detail","namespace","tagName","toLowerCase","focus","fixHashfocus","hashElement","scrollIntoView","applyAutofocus","addEventListener","observeScrollbarWidth","config","threshold","handleIntersect","entries","forEach","entry","scrollbarWidth","intersectionRatio","innerWidth","documentElement","clientWidth","style","setProperty","bodyScrollObserver","IntersectionObserver","observe","body","format","date","type","translations","console","log","$formats","$globals","adapter","createFormatParseAdapter","parse","string","formatSpan","date2","parseSpan","formats","globals","globalFormatter","Date","isNaN","getTime","j","getDate","toString","d","n","getMonth","m","yC","getFullYear","gC","getHours","hC","i","getMinutes","fC","monthNames","mC","monthNamesShort","l","dayNames","getDay","D","dayNamesShort","replace","globalParser","input","regex","RegExp","match","groups","year","parseInt","Y","month","day","hours","G","H","minutes","globalAdapter","dateFormats","formattedDate","formattedDate2","this","range","dateRange","startsWith","timeRange","dates","split","getLocale","element","closestElement","closest","locale","lang","supportedLocales","defaultLocale","async","fetchTranslations","host","component","existingTranslations","JSON","sessionStorage","getItem","version","cacheTranslations","Object","keys","length","$locale","$code","$formatsIso","$formatsLegacy","result","fetch","pathTranslations","ok","data","json","setItem","stringify","exception","error","assign","pathMedia","utils","translationsLoading","then","catch","reason","globalScripts","appGlobalScript"],"sources":["src/global/js/helpers/autofocus.js","src/global/js/helpers/scrollbar-width.js","src/global/js/helpers/utils.js","src/global/js/script.js","@stencil/core/internal/app-globals"],"sourcesContent":["import { name as packageNameScoped } from '../../../../package.json';\n\nconst packageName = packageNameScoped.substring(packageNameScoped.indexOf('/')+1);\n// let focused = false;\n\n// function debounce(func, timeout = 500){\n//   let timer;\n//   return (...args) => {\n//     clearTimeout(timer);\n//     timer = setTimeout(() => { func.apply(this, args); }, timeout);\n//   };\n// }\n\nconst debouncedFocus = (event) => {\n  // if (focused) {\n  //   return false;\n  // }\n\n  const autofocus = document.querySelector('[autofocus]');\n\n  if (window.stzhComponents.fixAutofocus\n      && !document.location.hash\n      && autofocus\n      && event.detail.namespace === packageName\n      && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0\n      && 'focus' in autofocus\n  ) {\n    autofocus.focus();\n    // focused = true;\n  } else if (window.stzhComponents.fixHashfocus && document.location.hash) {\n    const hashElement = document.querySelector(document.location.hash);\n\n    if (hashElement) {\n      hashElement.scrollIntoView();\n      // focused = true;\n    }\n  }\n}\n\n/**\n * Execute setFocus method if it exists\n * on stzh-element with autofocus on pageload\n * when (child components are loaded)\n */\nexport function applyAutofocus() {\n  window.addEventListener('appload', debouncedFocus);\n}\n","export function observeScrollbarWidth() {\n  const config = {\n    threshold: 1.0\n  };\n\n  const handleIntersect = (entries) => {\n    entries.forEach(entry => {\n      let scrollbarWidth = 0;\n\n      if (entry.intersectionRatio < 1) {\n        // scrollbarWidth = window.innerWidth - document.body.clientWidth;\n        scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n      }\n\n      document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');\n      document.documentElement.style.setProperty('--stzh-scrollbar-active', scrollbarWidth > 0 ? '1' : '0');\n    });\n  };\n\n  const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);\n  bodyScrollObserver.observe(document.body);\n}\n","\nexport function format(date, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.format(date, type);\n}\n\nexport function parse(string, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.parse(string, type);\n}\n\nexport function formatSpan(date, date2, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.formatSpan(date, date2, type);\n}\n\nexport function parseSpan(string, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.parseSpan(string, type);\n}\n\nexport function createFormatParseAdapter(formats, globals) {\n  // format letters from https://www.php.net/manual/de/datetime.format.php\n  const globalFormatter = function (format, date) {\n    if (!date || !(date instanceof Date) || isNaN(date.getTime())) {\n      return \"\";\n    }\n\n    let j = date.getDate().toString(10);\n    let d = j;\n    let n = (date.getMonth() + 1).toString(10);\n    let m = n;\n    let yC = date.getFullYear().toString(10);\n    let gC = date.getHours().toString(10);\n    let hC = gC;\n    let i = date.getMinutes().toString(10);\n\n    // full textual representation of a month\n    let fC = globals.monthNames[date.getMonth()];\n    // short textual representation of a month\n    let mC = globals.monthNamesShort[date.getMonth()];\n    // full textual representation of the day\n    let l = globals.dayNames[date.getDay()];\n    // short textual representation of the day\n    let D = globals.dayNamesShort[date.getDay()];\n\n    // months *are* zero-indexed, pad if less than 9!\n    if (date.getMonth() < 9) {\n      m = `0${m}`;\n    }\n\n    if (date.getDate() < 10) {\n      d = `0${d}`;\n    }\n\n    if (date.getHours() < 10) {\n      hC = `0${hC}`;\n    }\n\n    if (date.getMinutes() < 10) {\n      i = `0${i}`;\n    }\n\n    return format\n      .replace(/\\{j\\}/g, j)\n      .replace(/\\{d\\}/g, d)\n      .replace(/\\{D\\}/g, D)\n      .replace(/\\{l\\}/g, l)\n      .replace(/\\{n\\}/g, n)\n      .replace(/\\{m\\}/g, m)\n      .replace(/\\{F\\}/g, fC)\n      .replace(/\\{M\\}/g, mC)\n      .replace(/\\{Y\\}/g, yC)\n      .replace(/\\{H\\}/g, hC)\n      .replace(/\\{G\\}/g, gC)\n      .replace(/\\{i\\}/g, i);\n  }\n\n  const globalParser = function (parse, input) {\n    if (!input) {\n      return;\n    }\n\n    const regex = new RegExp(parse);\n    const match = input.match(regex);\n\n    if (match) {\n      const { groups } = match;\n\n      const year = parseInt(groups.Y || '', 10);\n      const month = parseInt(groups.n || groups.m || '', 10);\n      const day = parseInt(groups.j || groups.d || '', 10);\n      const hours = parseInt(groups.G || groups.H || '', 10);\n      const minutes = parseInt(groups.i || '', 10);\n\n      if (!isNaN(year) && (year < 1000 || year > 9999)) {\n        return;\n      }\n\n      if (!isNaN(month) && (month < 1 || month > 12)) {\n        return;\n      }\n\n      // we check day later again (if month changed, it was out of range)\n      if (!isNaN(day) && (day < 1 || day > 31)) {\n        return;\n      }\n\n      if (!isNaN(hours) && (hours < 0 || hours > 23)) {\n        return;\n      }\n\n      if (!isNaN(minutes) && (minutes < 0 || minutes > 59)) {\n        return;\n      }\n\n      const date = new Date(\n        !isNaN(year) ? year : null,\n        !isNaN(month) ? month - 1 : null,\n        !isNaN(day) ? day : null,\n        !isNaN(hours) ? hours : null,\n        !isNaN(minutes) ? minutes : null\n      );\n\n      // if day was out of possible range (1 - 28/29/30/31)\n      // we find out by check if month has changed\n      if (date.getMonth() + 1 !== month) {\n        return;\n      }\n\n      return date;\n    }\n  }\n\n  const globalAdapter = {\n    format: function (date, type = \"datetime\") {\n      const dateFormats = {\n        ...formats[type],\n        ...window.stzhComponents?.formats[type] || {}\n      };\n\n      if (typeof dateFormats.format === \"string\") {\n        return globalFormatter(dateFormats.format, date);\n      } else {\n        return dateFormats.format(date);\n      }\n    },\n    parse: function (input, type = \"datetime\") {\n      const dateFormats = {\n        ...formats[type],\n        ...window.stzhComponents?.formats[type] || {}\n      };\n\n      if (typeof dateFormats.parse === \"string\") {\n        return globalParser(dateFormats.parse, input);\n      } else {\n        return dateFormats.parse(input);\n      }\n    },\n    formatSpan: function(date, date2, type = \"datetime\") {\n      let formattedDate = date;\n      let formattedDate2 = date2;\n\n      if (date instanceof Date && !isNaN(date.getTime())) {\n        formattedDate = this.format(date, type);\n      }\n\n      if (date2 instanceof Date && !isNaN(date2.getTime())) {\n        formattedDate2 = this.format(date2, type);\n      }\n\n      let range = globals.dateRange;\n\n      if (type.startsWith('time')) {\n        range = globals.timeRange;\n      }\n\n      return formattedDate\n        + ((formattedDate2 && (\n            !(formattedDate2 instanceof Date)\n            || formattedDate2 instanceof Date && !isNaN(date.getTime())\n          )) ? range + formattedDate2 : '');\n    },\n    parseSpan: function(string, type) {\n      let range = globals.dateRange;\n\n      if (type.startsWith('time')) {\n        range = globals.timeRange;\n      }\n\n      const dates = string.split(range);\n      const date = this.parse(dates[0], type);\n      const date2 = this.parse(dates[1], type);\n\n      return [date, date2, range];\n    }\n  };\n\n  return globalAdapter;\n}\n\nexport function getLocale(element) {\n  const closestElement = element.closest(\"[lang]\");\n  const locale = closestElement && closestElement.lang.split(\"-\")[0];\n\n  if (window.stzhComponents.supportedLocales.indexOf(locale) === -1 || !locale) {\n    return window.stzhComponents.defaultLocale;\n  } else {\n    return locale;\n  }\n}\n\nexport async function fetchTranslations(host, component) {\n  const locale = getLocale(host);\n  const existingTranslations = JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`));\n\n  if (\n    window.stzhComponents.cacheTranslations\n    && window.stzhComponents.version.match(/-dev-snapshot/i) === null\n    && existingTranslations\n    && Object.keys(existingTranslations).length > 0\n  ) {\n    return {\n      ...existingTranslations[component] || {},\n      $globals: existingTranslations.$globals,\n      $locale: existingTranslations.$code,\n      $formats: existingTranslations.$formats,\n      $formatsIso: existingTranslations.$formatsIso,\n      $formatsLegacy: existingTranslations.$formatsLegacy\n    };\n  }\n\n  try {\n    const result = await fetch(\n      `${window.stzhComponents.pathTranslations}/${locale}.json`\n    );\n\n    if (result.ok) {\n      const data = await result.json();\n      sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));\n      return {\n        ...data[component] || {},\n        $globals: data.$globals,\n        $locale: data.$code,\n        $formats: data.$formats,\n        $formatsIso: data.$formatsIso,\n        $formatsLegacy: data.$formatsLegacy\n      };\n    }\n\n  } catch (exception) {\n    console.error(`Error loading locale: ${locale}`, exception);\n  }\n}\n","import { version } from '../../../package.json';\nimport { applyAutofocus } from './helpers/autofocus';\nimport { observeScrollbarWidth } from './helpers/scrollbar-width';\nimport * as utils from './helpers/utils';\n\nexport default function () {\n  window.stzhComponents = {\n    defaultLocale: 'de',\n    pathMedia: '/',\n    pathTranslations: '/',\n    cacheTranslations: true,\n    formats: {},\n    translations: null,\n    fixAutofocus: true,\n    fixHashfocus: true,\n    ...window.stzhComponents || {},\n    version,\n    supportedLocales: ['de', 'en'],\n    utils\n  };\n\n  if (window.stzhComponents.translations === null) {\n    window.stzhComponents.translationsLoading = utils.fetchTranslations(document.documentElement).then((translations) => {\n      window.stzhComponents.translations = translations;\n    }).catch((reason) => {\n      console.error(\"Translations couldn't load:\", reason)\n    });\n  }\n\n  applyAutofocus();\n  observeScrollbarWidth();\n}\n","import appGlobalScript from '/builds/OE-5041/desi/desi-code/stzh-components/src/global/js/script.js';\nexport const globalScripts = appGlobalScript;\n"],"mappings":"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"}
+{"version":3,"names":["packageName","packageNameScoped","substring","indexOf","debouncedFocus","event","autofocus","document","querySelector","window","stzhComponents","fixAutofocus","location","hash","detail","namespace","tagName","toLowerCase","focus","fixHashfocus","hashElement","scrollIntoView","applyAutofocus","addEventListener","observeScrollbarWidth","config","threshold","handleIntersect","entries","forEach","entry","scrollbarWidth","intersectionRatio","innerWidth","documentElement","clientWidth","style","setProperty","bodyScrollObserver","IntersectionObserver","observe","body","format","date","type","translations","console","log","$formats","$globals","adapter","createFormatParseAdapter","parse","string","formatSpan","date2","parseSpan","formats","globals","globalFormatter","Date","isNaN","getTime","j","getDate","toString","d","n","getMonth","m","yC","getFullYear","gC","getHours","hC","i","getMinutes","fC","monthNames","mC","monthNamesShort","l","dayNames","getDay","D","dayNamesShort","replace","globalParser","input","regex","RegExp","match","groups","year","parseInt","Y","month","day","hours","G","H","minutes","globalAdapter","dateFormats","formattedDate","formattedDate2","this","range","dateRange","startsWith","timeRange","dates","split","getLocale","element","closestElement","closest","locale","lang","supportedLocales","defaultLocale","async","fetchTranslations","host","component","existingTranslations","JSON","sessionStorage","getItem","version","cacheTranslations","Object","keys","length","$locale","$code","$formatsIso","$formatsLegacy","result","fetch","pathTranslations","ok","data","json","setItem","stringify","exception","error","assign","pathMedia","utils","translationsLoading","then","catch","reason","globalScripts","appGlobalScript"],"sources":["src/global/js/helpers/autofocus.js","src/global/js/helpers/scrollbar-width.js","src/global/js/helpers/utils.js","src/global/js/script.js","@stencil/core/internal/app-globals"],"sourcesContent":["import { name as packageNameScoped } from '../../../../package.json';\n\nconst packageName = packageNameScoped.substring(packageNameScoped.indexOf('/')+1);\n// let focused = false;\n\n// function debounce(func, timeout = 500){\n//   let timer;\n//   return (...args) => {\n//     clearTimeout(timer);\n//     timer = setTimeout(() => { func.apply(this, args); }, timeout);\n//   };\n// }\n\nconst debouncedFocus = (event) => {\n  // if (focused) {\n  //   return false;\n  // }\n\n  const autofocus = document.querySelector('[autofocus]');\n\n  if (window.stzhComponents.fixAutofocus\n      && !document.location.hash\n      && autofocus\n      && event.detail.namespace === packageName\n      && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0\n      && 'focus' in autofocus\n  ) {\n    autofocus.focus();\n    // focused = true;\n  } else if (window.stzhComponents.fixHashfocus && document.location.hash) {\n    const hashElement = document.querySelector(document.location.hash);\n\n    if (hashElement) {\n      hashElement.scrollIntoView();\n      // focused = true;\n    }\n  }\n}\n\n/**\n * Execute setFocus method if it exists\n * on stzh-element with autofocus on pageload\n * when (child components are loaded)\n */\nexport function applyAutofocus() {\n  window.addEventListener('appload', debouncedFocus);\n}\n","export function observeScrollbarWidth() {\n  const config = {\n    threshold: 1.0\n  };\n\n  const handleIntersect = (entries) => {\n    entries.forEach(entry => {\n      let scrollbarWidth = 0;\n\n      if (entry.intersectionRatio < 1) {\n        // scrollbarWidth = window.innerWidth - document.body.clientWidth;\n        scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n      }\n\n      document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');\n      document.documentElement.style.setProperty('--stzh-scrollbar-active', scrollbarWidth > 0 ? '1' : '0');\n    });\n  };\n\n  const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);\n  bodyScrollObserver.observe(document.body);\n}\n","\nexport function format(date, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.format(date, type);\n}\n\nexport function parse(string, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.parse(string, type);\n}\n\nexport function formatSpan(date, date2, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.formatSpan(date, date2, type);\n}\n\nexport function parseSpan(string, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.parseSpan(string, type);\n}\n\nexport function createFormatParseAdapter(formats, globals) {\n  // format letters from https://www.php.net/manual/de/datetime.format.php\n  const globalFormatter = function (format, date) {\n    if (!date || !(date instanceof Date) || isNaN(date.getTime())) {\n      return \"\";\n    }\n\n    let j = date.getDate().toString(10);\n    let d = j;\n    let n = (date.getMonth() + 1).toString(10);\n    let m = n;\n    let yC = date.getFullYear().toString(10);\n    let gC = date.getHours().toString(10);\n    let hC = gC;\n    let i = date.getMinutes().toString(10);\n\n    // full textual representation of a month\n    let fC = globals.monthNames[date.getMonth()];\n    // short textual representation of a month\n    let mC = globals.monthNamesShort[date.getMonth()];\n    // full textual representation of the day\n    let l = globals.dayNames[date.getDay()];\n    // short textual representation of the day\n    let D = globals.dayNamesShort[date.getDay()];\n\n    // months *are* zero-indexed, pad if less than 9!\n    if (date.getMonth() < 9) {\n      m = `0${m}`;\n    }\n\n    if (date.getDate() < 10) {\n      d = `0${d}`;\n    }\n\n    if (date.getHours() < 10) {\n      hC = `0${hC}`;\n    }\n\n    if (date.getMinutes() < 10) {\n      i = `0${i}`;\n    }\n\n    return format\n      .replace(/\\{j\\}/g, j)\n      .replace(/\\{d\\}/g, d)\n      .replace(/\\{D\\}/g, D)\n      .replace(/\\{l\\}/g, l)\n      .replace(/\\{n\\}/g, n)\n      .replace(/\\{m\\}/g, m)\n      .replace(/\\{F\\}/g, fC)\n      .replace(/\\{M\\}/g, mC)\n      .replace(/\\{Y\\}/g, yC)\n      .replace(/\\{H\\}/g, hC)\n      .replace(/\\{G\\}/g, gC)\n      .replace(/\\{i\\}/g, i);\n  }\n\n  const globalParser = function (parse, input) {\n    if (!input) {\n      return;\n    }\n\n    const regex = new RegExp(parse);\n    const match = input.match(regex);\n\n    if (match) {\n      const { groups } = match;\n\n      const year = parseInt(groups.Y || '', 10);\n      const month = parseInt(groups.n || groups.m || '', 10);\n      const day = parseInt(groups.j || groups.d || '', 10);\n      const hours = parseInt(groups.G || groups.H || '', 10);\n      const minutes = parseInt(groups.i || '', 10);\n\n      if (!isNaN(year) && (year < 1000 || year > 9999)) {\n        return;\n      }\n\n      if (!isNaN(month) && (month < 1 || month > 12)) {\n        return;\n      }\n\n      // we check day later again (if month changed, it was out of range)\n      if (!isNaN(day) && (day < 1 || day > 31)) {\n        return;\n      }\n\n      if (!isNaN(hours) && (hours < 0 || hours > 23)) {\n        return;\n      }\n\n      if (!isNaN(minutes) && (minutes < 0 || minutes > 59)) {\n        return;\n      }\n\n      const date = new Date(\n        !isNaN(year) ? year : null,\n        !isNaN(month) ? month - 1 : null,\n        !isNaN(day) ? day : null,\n        !isNaN(hours) ? hours : null,\n        !isNaN(minutes) ? minutes : null\n      );\n\n      // if day was out of possible range (1 - 28/29/30/31)\n      // we find out by check if month has changed\n      if (date.getMonth() + 1 !== month) {\n        return;\n      }\n\n      return date;\n    }\n  }\n\n  const globalAdapter = {\n    format: function (date, type = \"datetime\") {\n      const dateFormats = {\n        ...formats[type],\n        ...window.stzhComponents?.formats[type] || {}\n      };\n\n      if (typeof dateFormats.format === \"string\") {\n        return globalFormatter(dateFormats.format, date);\n      } else {\n        return dateFormats.format(date);\n      }\n    },\n    parse: function (input, type = \"datetime\") {\n      const dateFormats = {\n        ...formats[type],\n        ...window.stzhComponents?.formats[type] || {}\n      };\n\n      if (typeof dateFormats.parse === \"string\") {\n        return globalParser(dateFormats.parse, input);\n      } else {\n        return dateFormats.parse(input);\n      }\n    },\n    formatSpan: function(date, date2, type = \"datetime\") {\n      let formattedDate = date;\n      let formattedDate2 = date2;\n\n      if (date instanceof Date && !isNaN(date.getTime())) {\n        formattedDate = this.format(date, type);\n      }\n\n      if (date2 instanceof Date && !isNaN(date2.getTime())) {\n        formattedDate2 = this.format(date2, type);\n      }\n\n      let range = globals.dateRange;\n\n      if (type.startsWith('time')) {\n        range = globals.timeRange;\n      }\n\n      return formattedDate\n        + ((formattedDate2 && (\n            !(formattedDate2 instanceof Date)\n            || formattedDate2 instanceof Date && !isNaN(date.getTime())\n          )) ? range + formattedDate2 : '');\n    },\n    parseSpan: function(string, type) {\n      let range = globals.dateRange;\n\n      if (type.startsWith('time')) {\n        range = globals.timeRange;\n      }\n\n      const dates = string.split(range);\n      const date = this.parse(dates[0], type);\n      const date2 = this.parse(dates[1], type);\n\n      return [date, date2, range];\n    }\n  };\n\n  return globalAdapter;\n}\n\nexport function getLocale(element) {\n  const closestElement = element.closest(\"[lang]\");\n  const locale = closestElement && closestElement.lang.split(\"-\")[0];\n\n  if (window.stzhComponents.supportedLocales.indexOf(locale) === -1 || !locale) {\n    return window.stzhComponents.defaultLocale;\n  } else {\n    return locale;\n  }\n}\n\nexport async function fetchTranslations(host, component) {\n  const locale = getLocale(host);\n  const existingTranslations = JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`));\n\n  if (\n    window.stzhComponents.cacheTranslations\n    && window.stzhComponents.version.match(/-dev-snapshot/i) === null\n    && existingTranslations\n    && Object.keys(existingTranslations).length > 0\n  ) {\n    return {\n      ...existingTranslations[component] || {},\n      $globals: existingTranslations.$globals,\n      $locale: existingTranslations.$code,\n      $formats: existingTranslations.$formats,\n      $formatsIso: existingTranslations.$formatsIso,\n      $formatsLegacy: existingTranslations.$formatsLegacy\n    };\n  }\n\n  try {\n    const result = await fetch(\n      `${window.stzhComponents.pathTranslations}/${locale}.json`\n    );\n\n    if (result.ok) {\n      const data = await result.json();\n      sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));\n      return {\n        ...data[component] || {},\n        $globals: data.$globals,\n        $locale: data.$code,\n        $formats: data.$formats,\n        $formatsIso: data.$formatsIso,\n        $formatsLegacy: data.$formatsLegacy\n      };\n    }\n\n  } catch (exception) {\n    console.error(`Error loading locale: ${locale}`, exception);\n  }\n}\n","import { version } from '../../../package.json';\nimport { applyAutofocus } from './helpers/autofocus';\nimport { observeScrollbarWidth } from './helpers/scrollbar-width';\nimport * as utils from './helpers/utils';\n\nexport default function () {\n  window.stzhComponents = {\n    defaultLocale: 'de',\n    pathMedia: '/',\n    pathTranslations: '/',\n    cacheTranslations: true,\n    formats: {},\n    translations: null,\n    fixAutofocus: true,\n    fixHashfocus: true,\n    ...window.stzhComponents || {},\n    version,\n    supportedLocales: ['de', 'en'],\n    utils\n  };\n\n  if (window.stzhComponents.translations === null) {\n    window.stzhComponents.translationsLoading = utils.fetchTranslations(document.documentElement).then((translations) => {\n      window.stzhComponents.translations = translations;\n    }).catch((reason) => {\n      console.error(\"Translations couldn't load:\", reason)\n    });\n  }\n\n  applyAutofocus();\n  observeScrollbarWidth();\n}\n","import appGlobalScript from '/builds/OE-5041/desi/desi-code/stzh-components/src/global/js/script.js';\nexport const globalScripts = appGlobalScript;\n"],"mappings":"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"}

package/dist/stzh-components/{p-3912a256.entry.js → p-8273e37d.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-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
+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}.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title.sc-stzh-card-navigation,.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title-link.sc-stzh-card-navigation{-webkit-hyphens:auto;hyphens:auto}';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="";this.hyphensEnabled=false}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,"stzh-card-navigation--hyphens":this.hyphensEnabled};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-8273e37d.entry.js.map

package/dist/stzh-components/p-8273e37d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhCardNavigationCss","StzhCardNavigation","this","handleCardClick","originalEvent","stzhClick","emit","component","href","componentDidRender","requestAnimationFrame","objectId","analyticsId","_a","headingTextElement","innerText","_b","titleLinkElement","setAttribute","render","hasLead","lead","hasSlot","element","classes","hyphensEnabled","Heading","headingLevel","TitleLink","h","Host","class","heading","role","ref","el","target","onClick","name"],"sources":["src/components/stzh-card-navigation/stzh-card-navigation.scss?tag=stzh-card-navigation&encapsulation=scoped","src/components/stzh-card-navigation/stzh-card-navigation.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-card-navigation {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  gap: space('small');\n  background-color: $colorGrey10;\n\n  &__wrapper {\n    @include spaceCurve('padding-left', 'regular');\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    // safe space padding top/bottom when it would go to three lines\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  &__title {\n    @include font('heavy');\n    @include fontSize('centi', 'heading');\n    @include wordWrap;\n    color: $colorPrimary70;\n    margin: 0;\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    font-size: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: $colorPrimary;\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &__lead {\n    @include fontCurve('p2');\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  &__arrow {\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 64px;\n    height: 64px;\n    color: $colorPrimary70;\n    background-color: $colorSecondary30;\n  }\n\n  &__arrow-icon {\n    --size: #{iconSize('large')};\n  }\n\n  /* Has lead variant */\n\n  &--has-lead &__wrapper {\n    @include spaceCurve('padding-right', 'regular');\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'large');\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &--has-lead &__arrow {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 44px;\n    height: 44px;\n  }\n\n  /* Hyphens */\n  &--hyphens &__title,\n  &--hyphens &__title-link {\n    hyphens: auto;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhCardNavigationClickEvent } from \"../../index\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n */\n@Component({\n  tag: \"stzh-card-navigation\",\n  styleUrl: \"stzh-card-navigation.scss\",\n  scoped: true,\n})\nexport class StzhCardNavigation {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardNavigationClickEvent>;\n\n  private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-navigation\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n\n    const classes = {\n      \"stzh-card-navigation\": true,\n      \"stzh-card-navigation--has-lead\": hasLead,\n      \"stzh-card-navigation--hyphens\": this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const TitleLink = this.href ? \"a\" : \"button\";\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <div class=\"stzh-card-navigation__wrapper\">\n            <Heading class=\"stzh-card-navigation__title\">\n              <TitleLink\n                ref={el => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n                class=\"stzh-card-navigation__title-link\"\n                href={this.href}\n                target={this.target}\n                onClick={this.handleCardClick}\n              >\n                <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n                  {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                </div>\n              </TitleLink>\n            </Heading>\n\n            <div class=\"stzh-card-navigation__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n          </div>\n\n          <div class=\"stzh-card-navigation__arrow\">\n            <stzh-icon class=\"stzh-card-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAwB,u1N,MCcjBC,EAAkB,M,8DAkCrBC,KAAAC,gBAAmBC,IACzBF,KAAKG,UAAUC,KAAK,CAClBC,UAAW,uBACXH,gBACAI,KAAMN,KAAKM,MACX,E,kFAxBsB,G,kBAGoB,I,UAGvB,G,oBAG4B,K,CAkBnD,kBAAAC,GACEC,uBAAsB,K,QACpB,MAAMC,EAAWT,KAAKU,eAAeC,EAAAX,KAAKY,sBAAkB,MAAAD,SAAA,SAAAA,EAAEE,WAE9D,GAAIJ,EAAU,EACZK,EAAAd,KAAKe,oBAAgB,MAAAD,SAAA,SAAAA,EAAEE,aAAa,cAAeP,E,KAKzD,MAAAQ,GACE,MAAMC,IAAYlB,KAAKmB,MAAQC,EAAQpB,KAAKqB,QAAS,QAErD,MAAMC,EAAU,CACd,uBAAwB,KACxB,iCAAkCJ,EAClC,gCAAiClB,KAAKuB,gBAGxC,MAAMC,EAAU,IAAIxB,KAAKyB,eACzB,MAAMC,EAAY1B,KAAKM,KAAO,IAAM,SAEpC,OACEqB,EAACC,EAAI,YAAWV,GACdS,EAAA,WAASE,MAAOP,EAAO,aAActB,KAAK8B,QAASC,KAAK,YACtDJ,EAAA,OAAKE,MAAM,iCACTF,EAACH,EAAO,CAACK,MAAM,+BACbF,EAACD,EAAS,CACRM,IAAKC,GAAOjC,KAAKe,iBAAmBkB,EACpCJ,MAAM,mCACNvB,KAAMN,KAAKM,KACX4B,OAAQlC,KAAKkC,OACbC,QAASnC,KAAKC,iBAEd0B,EAAA,OAAKK,IAAKC,GAAOjC,KAAKY,mBAAqBqB,GACxCjC,KAAK8B,QAAU9B,KAAK8B,QAAUH,EAAA,QAAMS,KAAK,eAKhDT,EAAA,OAAKE,MAAM,8BAA8B7B,KAAKmB,KAAOnB,KAAKmB,KAAOQ,EAAA,QAAMS,KAAK,WAG9ET,EAAA,OAAKE,MAAM,+BACTF,EAAA,aAAWE,MAAM,mCAAmCO,KAAK,kB"}