npm - @oiz/stzh-components - Versions diffs - 4.13.0-beta3 → 4.13.0 - Mend

@oiz/stzh-components 4.13.0-beta3 → 4.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (851) hide show

package/dist/components/stzh-card-navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-card-navigation.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,~~0wQAA0wQ~~,CAAC;;~~MCcnyQA~~,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAoBU,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;;AAGpB,QAAA,IAAY,CAAA,YAAA,GAA0B,GAAG;;AAGzC,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;;AAGA,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAUhD,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,aAAyB,KAAI;AACtD,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAClB,gBAAA,SAAS,EAAE,sBAAsB;gBACjC,aAAa;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,aAAA,CAAC;AACJ,SAAC;~~AA0DF~~;~~IAxDC~~,kBAAkB,GAAA;QAChB,qBAAqB,CAAC,MAAK;;AACzB,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,KAAI,CAAA,EAAA,GAAA,IAAI,CAAC,kBAAkB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,CAAA;YAEvE,IAAI,QAAQ,EAAE;AACZ,gBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC;;AAEhE,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;AAE5D,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,sBAAsB,EAAE,IAAI;AAC5B,YAAA,gCAAgC,EAAE,OAAO;YACzC,+BAA+B,EAAE,IAAI,CAAC,cAAc;SACrD;AAED,QAAA,MAAM,OAAO,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,YAAY,EAAE;AACvC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,QAAQ;AAE5C,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,UAAA,EAAW,OAAO,EAAA,EACrB,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAc,YAAA,EAAA,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU,EAAA,EAChE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACxC,CAAA,CAAC,OAAO,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,6BAA6B,EAAA,EAC1C,CAAC,CAAA,SAAS,EACR,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,gBAAgB,GAAG,EAA2C,CAAC,EAChF,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,eAAe,EAAA,EAE5B,IAAI,CAAC,OAAO,IACX,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,kBAAkB,GAAG,EAAoB,CAAC,EAAA,EAC9D,CAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,2BAA2B,CAAC,IAAI,CAAC,OAAO,CAAC,EAAS,CAAA,CAC/D,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,kBAAkB,GAAG,EAAoB,CAAC,EAAA,EAC9D,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACP,CACS,CACJ,EAEV,~~CAAK~~,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EAAA~~,KAAK,EAAC,4BAA4B,~~EAAE,~~EAAA,IAAI,CAAC,IAAI,GAAG,~~CAAI~~,CAAA,GAAA,EAAA,~~IAAA~~,EAAA,IAAI,CAAC,IAAI,CAAK,GAAG,~~CAAA~~,CAAA,MAAA,EAAA,~~EAAM~~,IAAI,EAAC,MAAM,EAAQ,CAAA,~~CAAO~~,~~CACtG~~,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACtC,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAW,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAC,aAAa,EAAA,CAAa,CAC/E,CACE,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhCardNavigation","__stencil_proxyCustomElement","HTMLElement"],"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 &:hover {\n background-color: var(--stzh-color-secondary10);\n }\n\n &:hover &__arrow-icon {\n transform: translateX(4px);\n }\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: var(--stzh-space-xsmall);\n padding-bottom: var(--stzh-space-xsmall);\n }\n\n &__title {\n @include font(\"heavy\");\n @include fontCurve(\"teaser\");\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 transition: transform 150ms ease;\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 @include wordWrap;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhCardNavigationClickEvent } from \"../../index\";\nimport { formatHeadingForHyphenation, 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 {this.heading ? (\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n <span innerHTML={formatHeadingForHyphenation(this.heading)}></span>\n </div>\n ) : (\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n <slot name=\"heading\"></slot>\n </div>\n )}\n </TitleLink>\n </Heading>\n\n <div class=\"stzh-card-navigation__lead\">{this.lead ? <p>{this.lead}</p> : <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"],"version":3}
1	+ {"file":"stzh-card-navigation.js","mappings":"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","names":["StzhCardNavigation","__stencil_proxyCustomElement","HTMLElement"],"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 &:hover {\n background-color: var(--stzh-color-secondary10);\n }\n\n &:hover &__arrow-icon {\n transform: translateX(4px);\n }\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: var(--stzh-space-xsmall);\n padding-bottom: var(--stzh-space-xsmall);\n }\n\n &__title {\n @include font(\"heavy\");\n @include fontCurve(\"teaser\");\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 &__lead-text {\n margin-top: 0;\n margin-bottom: 0;\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 transition: transform 150ms ease;\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 @include wordWrap;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhCardNavigationClickEvent } from \"../../index\";\nimport { formatHeadingForHyphenation, 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 {this.heading ? (\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n <span innerHTML={formatHeadingForHyphenation(this.heading)}></span>\n </div>\n ) : (\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n <slot name=\"heading\"></slot>\n </div>\n )}\n </TitleLink>\n </Heading>\n\n <div class=\"stzh-card-navigation__lead\">\n {this.lead ? <p class=\"stzh-card-navigation__lead-text\">{this.lead}</p> : <slot name=\"lead\"></slot>}\n </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"],"version":3}

package/dist/components/stzh-card-searchresult.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot, f as formatHeadingForHyphenation } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$e } from './p-BC5CKnR0.js';
-import { d as defineCustomElement$d } from './p-kxNH1uWn.js';
-import { d as defineCustomElement$c } from './p-kc3jagy9.js';
-import { d as defineCustomElement$b } from './p-Bax1A7b1.js';
-import { d as defineCustomElement$a } from './p-CZ8Mjvap.js';
-import { d as defineCustomElement$9 } from './p-CwBTEkzx.js';
-import { d as defineCustomElement$8 } from './p-C5BMqKn_.js';
-import { d as defineCustomElement$7 } from './p-BJJt9Z22.js';
-import { d as defineCustomElement$6 } from './p-BO2rq9qS.js';
-import { d as defineCustomElement$5 } from './p-DhS6kKt0.js';
-import { d as defineCustomElement$4 } from './p-Yn9z-xv7.js';
-import { d as defineCustomElement$3 } from './p-CgQ_cBIG.js';
-import { d as defineCustomElement$2 } from './p-C7BHBfNV.js';
+import { d as defineCustomElement$e } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$d } from './p-BFvfQqwV.js';
+import { d as defineCustomElement$c } from './p-D0sPQTAC.js';
+import { d as defineCustomElement$b } from './p-DpaVUmTK.js';
+import { d as defineCustomElement$a } from './p-BYV94voK.js';
+import { d as defineCustomElement$9 } from './p-C4ug0GfL.js';
+import { d as defineCustomElement$8 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$7 } from './p-BvV59h_6.js';
+import { d as defineCustomElement$6 } from './p-W_HkMjDQ.js';
+import { d as defineCustomElement$5 } from './p-CCOQ6qgQ.js';
+import { d as defineCustomElement$4 } from './p-B1bpRji0.js';
+import { d as defineCustomElement$3 } from './p-BaQRAFeH.js';
+import { d as defineCustomElement$2 } from './p-g99SJmS9.js';
 var PlaceholderImage = `<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
     <rect width="10000" height="10000" fill="currentColor" />
@@ -111,9 +111,6 @@ const StzhCardSearchresult$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSe
         const hasImageSlot = hasSlot(this.element, "image");
         const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);
         const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);
-        if (eventDateStart && !hasImageSlot) {
-            this.placeholderImageEnabled = true;
-        }
         const hasImage = hasImageSlot || this.placeholderImageEnabled;
         const classes = {
             "stzh-card-searchresult": true,
@@ -134,7 +131,7 @@ const StzhCardSearchresult$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSe
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (h(Host, { key: '38c1edfb92b8a85d290e03de40cdfc463d25c26a', "has-image": hasImage }, h("article", { key: '9951da0b98cdbdab4faec5fdc8db7a938671f126', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '69d582443db5943a172d65ab88c0db063037abbd', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '80478e6d09f2bb41edb94b1f539d533f5f69b49d', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '5618e5437ca2b3e44f8b7a1a1c367290164a5dde', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: 'fcb6bc3ba9680f604f88f7de6bb0b48ef7a16f06', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: '22995332ca5083fc87cb6bc53c5976229d07284c', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '1b044d12d9b0d5066918d54e3d23851a43b8d77a', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("span", { innerHTML: formatHeadingForHyphenation(this.heading) }))) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: 'd9e4b4cd99f17f0cbd71c7e0a1b1731c82d6f878', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: 'ee0b0876b6230a1a4327e8c61177887434d1c33c', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '924a84f0c389918be8cfd892f16026a5064f88ca', class: "stzh-card-searchresult__event-date" }, h("span", { key: '4814e85a7e44a0a01c7d2f8ee5b7e59ea4387ab6' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '4e0f45010ba20ce3d81523a58c774d9637967063' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '386d09c1e61fc0dbcdd382eb4a8684c9c80e5843', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '3821bdd453738158d47d36873d072a6e6807550e', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '3dc89fbb839e5adf23a2ccadc9d01c1e292cc9b7', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '97087bf1aab5830862d86ed272c7dc2b865301b7', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: '85f80217a15a4330930256bc9695977e980279bf', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'b596ccb23043ec58515d1aa1e7aecdc33cc49993', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '032135b983118a6591d836acfb80212b1e9f3abc', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '41eb2ccc70c0ddc2968d17b2cb0e089d8eb0e3ae', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: '4aafea2c9208010b5462d67dc34692a671963a64', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '16cdd8f1d89f04f02962ae9a79008cb178294550', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'f4f1103e8ebf58e8da52caf6748a094709dbeacd', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '4266d6984cc31f00e86c1a9852169ddebc21eb92', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '0e284e2aec959268214d5562980219bb49c5dcf4', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: '410f9f191a40e7d2b604bf1b89e5bfaf7ba334c7', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '459f09f306767160dfecfbcf4cb4b4159ac0c922', class: "stzh-card-searchresult__meta" }, h("div", { key: 'd0f300d8586e131ae37c316ebab8c79eb0df5fa5', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '3b061115dbf798e3a5f9aa571a5d11c970bad325', class: "stzh-card-searchresult__download" }, h("div", { key: 'bf0fd2d3bdf6758d39e6649f1bab5f7ba36a7b03', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: '47bb73b43067cd8f5245c99ef0df239c2d06f8be', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'cdc67bacb6c4271fee71af15ab1d6c01355c7aee', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: '6ddbee7b6362a3dba868450acacbdbfd50fe7790', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: '28f9d6bf93b2b1a2717dc03b1aff47816d3a6e87', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (h(Host, { key: '8d339b33ce6e6f0532b497a34000d49f43a3d077', "has-image": hasImage }, h("article", { key: '6fe395854b2dcf7f9b50278cdf122793964a253d', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: 'ffbd3737ab1206b6facf634abdeb6f10502edef7', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '9c49eff576a09d285cd50bf2532a1f8c11e77eac', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: 'a1dd5b81113a722a959e6ecab2cb5e828a73c0ab', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '4c578bef82d8c7c8fadee98b3465e5b828d30063', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: '2b441363a64c40db2e58ed356c7963df35e59d46', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '0ef24fe8a4a535f2f6b4d094b68c9ef88188aae9', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("span", { innerHTML: formatHeadingForHyphenation(this.heading) }))) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '87019b6ee8a9734e14d0c588ac9d1b23c8fd9c8a', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: 'b0813201202a24378ae50a4bc2d3f82257792893', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '927415972b8f71e065b5148e3d780e6f2e8ea6d3', class: "stzh-card-searchresult__event-date" }, h("span", { key: '85a1e44ab190c99679037d6af2899163f975eec9' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '481f478884ea22963f9f68092ad3dd20b2a81115' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '11fac004b800fda6a6a9bd60b6c3cb256fbb43c5', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '026af38cb65b592fb300a4246a9727ec304d876c', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: 'fcbabd8eedbb6c5f6f31219b690f934bb523e7f6', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '629454f775e1122a6cc6cff039de238abbace801', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: 'fe7206605f8984afb9e1a8b456440243ed1cc09d', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: '5e3b9f781b92492e12afcb0bc9138674ec4b8c44', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '6c25a2b37a9732e1ab0659f447e875fba683d343', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: 'd5ff2df754b17b0bdbfa640fc634019f7c7801e0', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: '8f1ea43583f3d6af5540205fb62a4e7c6430ef6d', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '84202d026221af1e01ef0a3607e2a595bc4458ae', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'ea231cce4e4c479cf67ab90d7fdb6840cfeb1133', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '6fb891dd826b8fba31853b2d072d5f8c13ecb50e', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '7caf9f4ca8937b9d3828670ef07a787d4c5da297', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'd77e5bd1c4e711bf5a3a59d3a1bb8a325c31d4e3', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: 'f87583d4e6f4fc4910c290aac242459c54a43ca7', class: "stzh-card-searchresult__meta" }, h("div", { key: 'd04f1daadc681f28aa59b4c9228b323c97be9e61', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '7076f67f955279ca7ebb9b676a9716a4d735ab95', class: "stzh-card-searchresult__download" }, h("div", { key: 'a18ad1d589fe4930b549772a612ed2b84357b62b', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: 'aeafacce44cdabfc7c27322b9468b8c3840b8b8c', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'b5f99f634b4dcdfecc70465cb1eb95eff977cdc8', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: '9b7eac2ef40bbaa29819124eae12c66fd9d9eb2e', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: 'd6dbedee403799bb31e119a7791003bac0bd661d', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-card-searchresult.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-card-searchresult.js","mappings":"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","names":["StzhCardSearchresult","__stencil_proxyCustomElement","HTMLElement"],"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":["/*\n @prop --placeholder-image-color: color of placeholder image (svg)\n /\n:host {\n --service-background-color: #{$colorSecondary30};\n --service-color: #{$colorPrimary70};\n --placeholder-image-color: #{$colorGrey30};\n\n --grid-template-areas: \"heading\" \"description\" \"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: \"image\" \"heading\" \"description\" \"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: \"heading image\" \"description image\" \"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: \"heading image\" \"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 &__image-placeholder {\n / Apply color since the placeholder svg has fill \"currentColor\" /\n color: var(--placeholder-image-color);\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: var(--service-background-color);\n color: var(--service-color);\n padding: space(\"xsmall\") space(\"medium\");\n text-align: center;\n\n @include mq($from: small) {\n min-width: 180px;\n }\n }\n\n &__dateline {\n @include fontSize(\"micro\");\n margin-bottom: space(\"small\");\n }\n\n &__heading {\n margin-top: 0;\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 @include wordWrap;\n }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport {\n StzhBreadcrumbItem,\n StzhCardSearchresultClickEvent,\n StzhDatalistItemEntry,\n StzhLocaleAdapter,\n StzhLocaleComponent,\n} from \"../../index\";\n\nimport { formatHeadingForHyphenation, hasSlot } from \"../../utils/utils\";\nimport PlaceholderImage from \"./assets/placeholder-image.svg\";\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 /* Enable placeholder image if image slot not used /\n @Prop() placeholderImageEnabled: boolean = false;\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 private hasProperStartAndOrEndDate(startDate: Date \| undefined, endDate: Date \| undefined) {\n return !(!!startDate && startDate.getHours() === 0 && !endDate);\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 hasImageSlot = hasSlot(this.element, \"image\");\n\n const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n if (eventDateStart && !hasImageSlot) {\n this.placeholderImageEnabled = true;\n }\n\n const hasImage = hasImageSlot \|\| this.placeholderImageEnabled;\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 {this.heading ? (\n <div\n class=\"stzh-card-searchresult__heading-link-text\"\n ref={el => (this.headingTextElement = el as HTMLDivElement)}\n >\n <span innerHTML={formatHeadingForHyphenation(this.heading)}></span>\n </div>\n ) : (\n <div\n class=\"stzh-card-searchresult__heading-link-text\"\n ref={el => (this.headingTextElement = el as HTMLDivElement)}\n >\n <slot name=\"heading\"></slot>\n </div>\n )}\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\")}</span>\n {this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (\n <span>, {this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, \"time\")}</span>\n )}\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 {this.placeholderImageEnabled && !hasImageSlot && (\n <stzh-ratio ratio=\"21:9\" ratio-small=\"1:1\">\n <div class=\"stzh-card-searchresult__image-placeholder\" innerHTML={PlaceholderImage}></div>\n </stzh-ratio>\n )}\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"],"version":3}
1	+ {"file":"stzh-card-searchresult.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,MAAM,CAAC;AACvC,gmXAAgmX,CAAC;;MCsBplXA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;AALjC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AA0BU,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;;AAGpB,QAAA,IAAY,CAAA,YAAA,GAA0B,GAAG;;AAGzC,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;;AAsBxB,QAAA,IAAa,CAAA,aAAA,GAAqC,EAAE;;AAYpD,QAAA,IAAuB,CAAA,uBAAA,GAAY,KAAK;;AAGvB,QAAA,IAAa,CAAA,aAAA,GAAwB,SAAS;;AAiB9C,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAwChD,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,aAAyB,KAAI;AACtD,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAClB,gBAAA,SAAS,EAAE,wBAAwB;gBACnC,aAAa;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,aAAA,CAAC;AACJ,SAAC;AAsMF;AA5OC,IAAA,WAAW,CAAC,QAA2B,EAAA;QACrC,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,IAAI,CAAC,KAAK,GAAG,EAAE;;AACV,aAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AACvC,YAAA,IAAI;gBACF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;;YACjC,OAAO,CAAC,EAAE;AACV,gBAAA,IAAI,CAAC,KAAK,GAAG,EAAE;;;aAEZ;AACL,YAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;;;AAKzB,IAAA,mBAAmB,CAAC,QAA2B,EAAA;QAC7C,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,IAAI,CAAC,aAAa,GAAG,EAAE;;AAClB,aAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AACvC,YAAA,IAAI;gBACF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;;YACzC,OAAO,CAAC,EAAE;AACV,gBAAA,IAAI,CAAC,aAAa,GAAG,EAAE;;;aAEpB;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;;IAezB,0BAA0B,CAAC,SAA2B,EAAE,OAAyB,EAAA;AACvF,QAAA,OAAO,EAAE,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;;IAGjE,kBAAkB,GAAA;QAChB,qBAAqB,CAAC,MAAK;;AACzB,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,KAAI,CAAA,EAAA,GAAA,IAAI,CAAC,kBAAkB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,CAAA;YAEvE,IAAI,QAAQ,EAAE;AACZ,gBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,kBAAkB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC;;AAElE,SAAC,CAAC;;AAGJ,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;AAE3C,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,mBAAmB,CAAC;;AAG5G,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,wBAAwB,CACrE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAC1B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAC3B;;;IAIL,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC;AACrE,QAAA,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,aAAa,CAAC;QACjF,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;AAEnD,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;AAC3E,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;AAErE,QAAA,MAAM,QAAQ,GAAG,YAAY,IAAI,IAAI,CAAC,uBAAuB;AAE7D,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,wBAAwB,EAAE,IAAI;AAC9B,YAAA,qCAAqC,EAAE,UAAU;AACjD,YAAA,yCAAyC,EAAE,cAAc;YACzD,iDAAiD,EAAE,cAAc,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,IAAI,CAAC,aAAa;AAC7G,YAAA,kCAAkC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;AAC/C,YAAA,qCAAqC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;AACrD,YAAA,iCAAiC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG;AAC7C,YAAA,mCAAmC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;AACjD,YAAA,mCAAmC,EAAE,QAAQ;AAC7C,YAAA,2CAA2C,EAAE,QAAQ,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS;AACzF,YAAA,yCAAyC,EAAE,QAAQ,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO;AACrF,YAAA,kCAAkC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACzD,YAAA,sCAAsC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;AAC/F,YAAA,wCAAwC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe;YAChE,iCAAiC,EAAE,IAAI,CAAC,cAAc;SACvD;AAED,QAAA,MAAM,OAAO,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,YAAY,EAAE;AACvC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK;QAE3C,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAA,EAAY,QAAQ,EAAA,EACvB,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAc,YAAA,EAAA,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU,EAAA,EAC/D,IAAI,CAAC,GAAG,IAAI,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAC,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,EAAa,CAAA,EAE7G,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yCAAyC,EAAA,EACjD,IAAI,CAAC,eAAe,KACnB,CACE,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oCAAoC,EAC1C,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,OAAO,EAAC,QAAQ,GACC,CACpB,EAEA,IAAI,CAAC,QAAQ,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAO,EAErF,CAAA,CAAC,OAAO,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,iCAAiC,EAAA,EAC9C,CAAA,CAAC,WAAW,EAAA,EAAA,GAAA,EAAA,0CAAA,EACV,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,kBAAkB,GAAG,EAAwC,CAAC,EAC/E,KAAK,EAAC,sCAAsC,EAC5C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,eAAe,EAE5B,EAAA,IAAI,CAAC,OAAO,IACX,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,2CAA2C,EACjD,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,kBAAkB,GAAG,EAAoB,CAAC,EAAA,EAE3D,CAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,2BAA2B,CAAC,IAAI,CAAC,OAAO,CAAC,EAAA,CAAS,CAC/D,KAEN,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,2CAA2C,EACjD,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,kBAAkB,GAAG,EAAoB,CAAC,EAAA,EAE3D,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,CACP,CACW,CACN,CACN,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6CAA6C,EAAA,EACrD,CAAC,cAAc,IAAI,IAAI,CAAC,aAAa,MACpC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qCAAqC,EAAA,EAC7C,cAAc,KACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oCAAoC,EAAA,EAC7C,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAQ,EACjE,IAAI,CAAC,0BAA0B,CAAC,cAAc,EAAE,YAAY,CAAC,KAC5D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAc,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,cAAc,EAAE,YAAY,EAAE,MAAM,CAAC,CAAQ,CACxF,CACG,CACP,EACA,IAAI,CAAC,aAAa,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wCAAwC,EAAA,EAAE,IAAI,CAAC,aAAa,CAAO,CACjG,CACP,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAA,EAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,aAAa,EAAQ,CAAA,CACnE,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACvC,cAAc,KACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2CAA2C,EAAA,EACpD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oDAAoD,EAC5D,EAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAC9D,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+CAA+C,EAAA,EACvD,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,GAAG,EACpC,cAAc,CAAC,OAAO,EAAE,CACrB,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iDAAiD,IACzD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAClE,CACF,CACP,EACA,IAAI,CAAC,KAAK,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,EAC3E,IAAI,CAAC,OAAO,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAAE,EAAA,IAAI,CAAC,OAAO,CAAO,EAClF,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,EACzB,IAAI,CAAC,uBAAuB,IAAI,CAAC,YAAY,KAC5C,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,KAAK,EAAC,MAAM,EAAA,aAAA,EAAa,KAAK,EAAA,EACxC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2CAA2C,EAAC,SAAS,EAAE,gBAAgB,EAAA,CAAQ,CAC/E,CACd,CACG,EAEL,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,MACtG,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAC9C,IAAI,CAAC,aAAa,KACjB,sEAAe,KAAK,EAAC,kCAAkC,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,GAAkB,CACpG,EAEA,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KACpB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,mCAAmC,EAC3C,EAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAClB,EAAC,QAAQ,EAAA,IAAA,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,wCAAwC,EAAE,EAAA,IAAI,CAAO,CACvD,CACZ,CAAC,CACE,CACF,CACP,EAEA,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,MACvD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,EAC3C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uCAAuC,EAAA,EAC/C,IAAI,CAAC,eAAe,KACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAE,EAAA,IAAI,CAAC,eAAe,CAAO,CACnF,EACA,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAC5B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4CAA4C,IACpD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KAC1B,CAAA,CAAC,QAAQ,EAAA,IAAA,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iDAAiD,EAAE,EAAA,IAAI,CAAO,CAChE,CACZ,CAAC,CACE,CACP,CACG,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yCAAyC,EAAA,EAClD,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAW,KAAK,EAAC,uCAAuC,EAAC,IAAI,EAAC,UAAU,EAAA,CAAa,CACjF,CACF,CACP,CACG,CACP,CACO,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhCardSearchresult","__stencil_proxyCustomElement","HTMLElement"],"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":["/*\n @prop --placeholder-image-color: color of placeholder image (svg)\n /\n:host {\n --service-background-color: #{$colorSecondary30};\n --service-color: #{$colorPrimary70};\n --placeholder-image-color: #{$colorGrey30};\n\n --grid-template-areas: \"heading\" \"description\" \"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: \"image\" \"heading\" \"description\" \"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: \"heading image\" \"description image\" \"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: \"heading image\" \"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 &__image-placeholder {\n / Apply color since the placeholder svg has fill \"currentColor\" /\n color: var(--placeholder-image-color);\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: var(--service-background-color);\n color: var(--service-color);\n padding: space(\"xsmall\") space(\"medium\");\n text-align: center;\n\n @include mq($from: small) {\n min-width: 180px;\n }\n }\n\n &__dateline {\n @include fontSize(\"micro\");\n margin-bottom: space(\"small\");\n }\n\n &__heading {\n margin-top: 0;\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 @include wordWrap;\n }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport {\n StzhBreadcrumbItem,\n StzhCardSearchresultClickEvent,\n StzhDatalistItemEntry,\n StzhLocaleAdapter,\n StzhLocaleComponent,\n} from \"../../index\";\n\nimport { formatHeadingForHyphenation, hasSlot } from \"../../utils/utils\";\nimport PlaceholderImage from \"./assets/placeholder-image.svg\";\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 /* Enable placeholder image if image slot not used /\n @Prop() placeholderImageEnabled: boolean = false;\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 private hasProperStartAndOrEndDate(startDate: Date \| undefined, endDate: Date \| undefined) {\n return !(!!startDate && startDate.getHours() === 0 && !endDate);\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 hasImageSlot = 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 hasImage = hasImageSlot \|\| this.placeholderImageEnabled;\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 {this.heading ? (\n <div\n class=\"stzh-card-searchresult__heading-link-text\"\n ref={el => (this.headingTextElement = el as HTMLDivElement)}\n >\n <span innerHTML={formatHeadingForHyphenation(this.heading)}></span>\n </div>\n ) : (\n <div\n class=\"stzh-card-searchresult__heading-link-text\"\n ref={el => (this.headingTextElement = el as HTMLDivElement)}\n >\n <slot name=\"heading\"></slot>\n </div>\n )}\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\")}</span>\n {this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (\n <span>, {this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, \"time\")}</span>\n )}\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 {this.placeholderImageEnabled && !hasImageSlot && (\n <stzh-ratio ratio=\"21:9\" ratio-small=\"1:1\">\n <div class=\"stzh-card-searchresult__image-placeholder\" innerHTML={PlaceholderImage}></div>\n </stzh-ratio>\n )}\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"],"version":3}

package/dist/components/stzh-card-superteaser.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot, f as formatHeadingForHyphenation } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$e } from './p-BC5CKnR0.js';
-import { d as defineCustomElement$d } from './p-kxNH1uWn.js';
-import { d as defineCustomElement$c } from './p-kc3jagy9.js';
-import { d as defineCustomElement$b } from './p-Bax1A7b1.js';
-import { d as defineCustomElement$a } from './p-CZ8Mjvap.js';
-import { d as defineCustomElement$9 } from './p-CwBTEkzx.js';
-import { d as defineCustomElement$8 } from './p-C5BMqKn_.js';
-import { d as defineCustomElement$7 } from './p-BJJt9Z22.js';
-import { d as defineCustomElement$6 } from './p-BO2rq9qS.js';
-import { d as defineCustomElement$5 } from './p-DhS6kKt0.js';
-import { d as defineCustomElement$4 } from './p-Yn9z-xv7.js';
-import { d as defineCustomElement$3 } from './p-CgQ_cBIG.js';
-import { d as defineCustomElement$2 } from './p-C7BHBfNV.js';
+import { d as defineCustomElement$e } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$d } from './p-BFvfQqwV.js';
+import { d as defineCustomElement$c } from './p-D0sPQTAC.js';
+import { d as defineCustomElement$b } from './p-DpaVUmTK.js';
+import { d as defineCustomElement$a } from './p-BYV94voK.js';
+import { d as defineCustomElement$9 } from './p-C4ug0GfL.js';
+import { d as defineCustomElement$8 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$7 } from './p-BvV59h_6.js';
+import { d as defineCustomElement$6 } from './p-W_HkMjDQ.js';
+import { d as defineCustomElement$5 } from './p-CCOQ6qgQ.js';
+import { d as defineCustomElement$4 } from './p-B1bpRji0.js';
+import { d as defineCustomElement$3 } from './p-BaQRAFeH.js';
+import { d as defineCustomElement$2 } from './p-g99SJmS9.js';
 var PlaceholderImage = `<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
     <rect width="10000" height="10000" fill="currentColor" />

package/dist/components/stzh-card.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhCard$1, d as defineCustomElement$1 } from './p-BtMryHk0.js';
+import { S as StzhCard$1, d as defineCustomElement$1 } from './p-BIaHkub8.js';
 const StzhCard = StzhCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-cardlist.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhCardlist$1, d as defineCustomElement$1 } from './p-C-FuUoEq.js';
+import { S as StzhCardlist$1, d as defineCustomElement$1 } from './p-BL7NQ4Wt.js';
 const StzhCardlist = StzhCardlist$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-carousel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhCarousel$1, d as defineCustomElement$1 } from './p-DKirOAZM.js';
+import { S as StzhCarousel$1, d as defineCustomElement$1 } from './p-DBcnovVn.js';
 const StzhCarousel = StzhCarousel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-cell.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhCell$1, d as defineCustomElement$1 } from './p-Bje3oo2k.js';
+import { S as StzhCell$1, d as defineCustomElement$1 } from './p-2zoJg-p3.js';
 const StzhCell = StzhCell$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-chart.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 function ascending$3(a, b) {
   return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;

package/dist/components/stzh-checkbox.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhCheckbox$1, d as defineCustomElement$1 } from './p-Cpg9m791.js';
+import { S as StzhCheckbox$1, d as defineCustomElement$1 } from './p-btZjsbp7.js';
 const StzhCheckbox = StzhCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-checkboxgroup.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot, c as camelCase } from './p-Dk-EHN3E.js';
-import { S as StzhInputDescription } from './p-u_QxrpaB.js';
-import { d as defineCustomElement$4 } from './p-C5BMqKn_.js';
-import { d as defineCustomElement$3 } from './p-DSIwFDJz.js';
-import { d as defineCustomElement$2 } from './p-CgQ_cBIG.js';
+import { S as StzhInputDescription } from './p-t-mFwf-h.js';
+import { d as defineCustomElement$4 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$3 } from './p-BJZwsXr4.js';
+import { d as defineCustomElement$2 } from './p-BaQRAFeH.js';
 const stzhCheckboxgroupCss = () => `.sc-stzh-checkboxgroup-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-checkboxgroup-h,[stzh-hidden].sc-stzh-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h .has-focus.sc-stzh-checkboxgroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup{outline-style:none !important}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup::-moz-focus-inner{border:0 !important}[disabled].sc-stzh-checkboxgroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error60)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-top:0}}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-heading-color);padding:0;margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;gap:var(--stzh-space-xsmall);min-width:0;max-width:100%}.stzh-checkboxgroup__legend-text.sc-stzh-checkboxgroup{min-width:0}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup>.stzh-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0;transform:translateY(0.0625rem)}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__description-text.sc-stzh-checkboxgroup{display:none}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup,.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{display:inline-flex;align-items:flex-start;margin:0}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup stzh-popover.sc-stzh-checkboxgroup .stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-xxlarge)}`;

package/dist/components/stzh-chip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhChip$1, d as defineCustomElement$1 } from './p-Bhp6jtO8.js';
+import { S as StzhChip$1, d as defineCustomElement$1 } from './p-DSZQskyr.js';
 const StzhChip = StzhChip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-chipgroup.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhChipgroup$1, d as defineCustomElement$1 } from './p-BarwJybT.js';
+import { S as StzhChipgroup$1, d as defineCustomElement$1 } from './p-Bt50TX2f.js';
 const StzhChipgroup = StzhChipgroup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-chipselect.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhChipselect$1, d as defineCustomElement$1 } from './p-DExx9Pjz.js';
+import { S as StzhChipselect$1, d as defineCustomElement$1 } from './p-DGzfPovV.js';
 const StzhChipselect = StzhChipselect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-clamp.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhClamp$1, d as defineCustomElement$1 } from './p-Bax1A7b1.js';
+import { S as StzhClamp$1, d as defineCustomElement$1 } from './p-DpaVUmTK.js';
 const StzhClamp = StzhClamp$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-company-logo.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 const stzhCompanyLogoCss = () => `.sc-stzh-company-logo-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-company-logo-h,[stzh-hidden].sc-stzh-company-logo-h{display:none}.sc-stzh-company-logo-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-company-logo-h *.sc-stzh-company-logo,.sc-stzh-company-logo-h *.sc-stzh-company-logo::before,.sc-stzh-company-logo-h *.sc-stzh-company-logo::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-company-logo-h .has-focus.sc-stzh-company-logo{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-company-logo-h .stzh-fylingfocus-focused.sc-stzh-company-logo{outline-style:none !important}.sc-stzh-company-logo-h .stzh-fylingfocus-focused.sc-stzh-company-logo::-moz-focus-inner{border:0 !important}.sc-stzh-company-logo-h.sc-stzh-company-logo-s>*,.sc-stzh-company-logo-h .sc-stzh-company-logo-s>*{width:100%}.stzh-company-logo.sc-stzh-company-logo{padding-top:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){.stzh-company-logo.sc-stzh-company-logo{padding-top:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-company-logo.sc-stzh-company-logo{padding-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-company-logo.sc-stzh-company-logo{padding-top:var(--stzh-space-huge)}}.stzh-company-logo.sc-stzh-company-logo{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-company-logo.sc-stzh-company-logo{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-company-logo.sc-stzh-company-logo{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-company-logo.sc-stzh-company-logo{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-company-logo.sc-stzh-company-logo{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-company-logo.sc-stzh-company-logo{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-company-logo.sc-stzh-company-logo{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-company-logo.sc-stzh-company-logo{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-company-logo.sc-stzh-company-logo{display:flex;justify-content:flex-end;width:inherit}.stzh-company-logo__image.sc-stzh-company-logo{width:9.375rem}@media (forced-colors: active){.stzh-company-logo__image.sc-stzh-company-logo{forced-color-adjust:none;background-color:white}}`;

package/dist/components/stzh-contact-cv.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$4 } from './p-BMWIx346.js';
-import { d as defineCustomElement$3 } from './p-B6_Nu7ol.js';
-import { d as defineCustomElement$2 } from './p-CgQ_cBIG.js';
+import { d as defineCustomElement$4 } from './p-D7fY08-O.js';
+import { d as defineCustomElement$3 } from './p-DPhtvGYL.js';
+import { d as defineCustomElement$2 } from './p-BaQRAFeH.js';
 const stzhContactCvCss = () => `.sc-stzh-contact-cv-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-cv-h,[stzh-hidden].sc-stzh-contact-cv-h{display:none}.sc-stzh-contact-cv-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-cv-h *.sc-stzh-contact-cv,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::before,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-cv-h .has-focus.sc-stzh-contact-cv{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv{outline-style:none !important}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv::-moz-focus-inner{border:0 !important}.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-xlarge)}}.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-xlarge)}}.stzh-contact-cv__content-title.sc-stzh-contact-cv{margin-bottom:0;font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}`;

package/dist/components/stzh-contact.js CHANGED Viewed

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, h, F as Fragment, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, h, F as Fragment, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$a } from './p-BC5CKnR0.js';
-import { d as defineCustomElement$9 } from './p-kc3jagy9.js';
-import { d as defineCustomElement$8 } from './p-CwBTEkzx.js';
-import { d as defineCustomElement$7 } from './p-AlFAPUcz.js';
-import { d as defineCustomElement$6 } from './p-C5BMqKn_.js';
-import { d as defineCustomElement$5 } from './p-BJJt9Z22.js';
-import { d as defineCustomElement$4 } from './p-DhS6kKt0.js';
-import { d as defineCustomElement$3 } from './p-CgQ_cBIG.js';
-import { d as defineCustomElement$2 } from './p-C7BHBfNV.js';
+import { d as defineCustomElement$a } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$9 } from './p-D0sPQTAC.js';
+import { d as defineCustomElement$8 } from './p-C4ug0GfL.js';
+import { d as defineCustomElement$7 } from './p-CvaREbqQ.js';
+import { d as defineCustomElement$6 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$5 } from './p-BvV59h_6.js';
+import { d as defineCustomElement$4 } from './p-CCOQ6qgQ.js';
+import { d as defineCustomElement$3 } from './p-BaQRAFeH.js';
+import { d as defineCustomElement$2 } from './p-g99SJmS9.js';
 const stzhContactCss = () => `.sc-stzh-contact-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h,[stzh-hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}.sc-stzh-contact-h{--grid-template-areas:var(
     --stzh-contact-grid-template-areas,

package/dist/components/stzh-container.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhContainer$1, d as defineCustomElement$1 } from './p-CooWp6cI.js';
+import { S as StzhContainer$1, d as defineCustomElement$1 } from './p-DOX7Sb67.js';
 const StzhContainer = StzhContainer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-content.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 const stzhContentCss = () => `.sc-stzh-content-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-content-h,[stzh-hidden].sc-stzh-content-h{display:none}.sc-stzh-content-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-content-h *.sc-stzh-content,.sc-stzh-content-h *.sc-stzh-content::before,.sc-stzh-content-h *.sc-stzh-content::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-content-h .has-focus.sc-stzh-content{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content{outline-style:none !important}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content::-moz-focus-inner{border:0 !important}.sc-stzh-content-h{--grid-template-areas:var(
     --stzh-content-grid-template-areas,

package/dist/components/stzh-cspace.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhCspace$1, d as defineCustomElement$1 } from './p-DyYArL-E.js';
+import { S as StzhCspace$1, d as defineCustomElement$1 } from './p-Bdugfjv9.js';
 const StzhCspace = StzhCspace$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-cta.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$3 } from './p-C5BMqKn_.js';
-import { d as defineCustomElement$2 } from './p-BLcYkw6U.js';
+import { d as defineCustomElement$3 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$2 } from './p-CZLauz36.js';
 const stzhCtaCss = () => `.sc-stzh-cta-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-cta-h,[stzh-hidden].sc-stzh-cta-h{display:none}.sc-stzh-cta-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cta-h *.sc-stzh-cta,.sc-stzh-cta-h *.sc-stzh-cta::before,.sc-stzh-cta-h *.sc-stzh-cta::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-cta-h .has-focus.sc-stzh-cta{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta{outline-style:none !important}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta::-moz-focus-inner{border:0 !important}.sc-stzh-cta-h{--stzh-flyingfocus-color:var(--stzh-color-white);--background-color:var(--stzh-cta-background-color, var(--stzh-cta-background-color));--heading-color:var(--stzh-color-white);--lead-color:var(--stzh-color-white);--sticky-background-color:var(--background-color);--button-color:var(--stzh-cta-button-color, var(--stzh-color-white));--button-background-color:var(
     --stzh-cta-button-background-color,

package/dist/components/stzh-datalist-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhDatalistItem$1, d as defineCustomElement$1 } from './p-CwBTEkzx.js';
+import { S as StzhDatalistItem$1, d as defineCustomElement$1 } from './p-C4ug0GfL.js';
 const StzhDatalistItem = StzhDatalistItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-datalist.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhDatalist$1, d as defineCustomElement$1 } from './p-CZ8Mjvap.js';
+import { S as StzhDatalist$1, d as defineCustomElement$1 } from './p-BYV94voK.js';
 const StzhDatalist = StzhDatalist$1;
 const defineCustomElement = defineCustomElement$1;