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/cjs/stzh-youtube.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Bp0rLg2N.js');
+var index = require('./index-C_TLdBpH.js');
 const stzhYoutubeCss = () => `.sc-stzh-youtube-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-youtube-h,[stzh-hidden].sc-stzh-youtube-h{display:none}.sc-stzh-youtube-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-youtube-h *.sc-stzh-youtube,.sc-stzh-youtube-h *.sc-stzh-youtube::before,.sc-stzh-youtube-h *.sc-stzh-youtube::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-youtube-h .has-focus.sc-stzh-youtube{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube{outline-style:none !important}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-youtube-h{display:none}}`;

package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.css CHANGED Viewed

@@ -303,6 +303,10 @@
     margin-bottom: var(--stzh-space-xlarge);
   }
 }
+.stzh-card-navigation__lead-text {
+  margin-top: 0;
+  margin-bottom: 0;
+}
 .stzh-card-navigation__arrow {
   flex-shrink: 0;
   display: flex;

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

@@ -40,7 +40,7 @@ export class StzhCardNavigation {
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (h(Host, { key: '21d56ae54df2b7856304a50fe9671667da7ccf4d', "has-lead": hasLead }, h("article", { key: 'bf9927133bb6159a61ddae06ca9cbead8952a484', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '5da0a8f84c2908277fdbaf1d04c81d2ede7c9f19', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: 'a953746076a4fa14be8ec4ff7a1280210617f5c8', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'cea6ec3a8243d4413b1b6da21a96cbe65f9bd46f', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el) }, h("span", { innerHTML: formatHeadingForHyphenation(this.heading) }))) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '56366a0bfec11383d7e3cce88ad5a96d9ebadffd', class: "stzh-card-navigation__lead" }, this.lead ? h("p", null, this.lead) : h("slot", { name: "lead" }))), h("div", { key: 'e84b6bb37d685f6b101b9a5ea60fccd3d48338ab', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: '6a7c2215dc971c99a10fb6ea37770d2b4249416f', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (h(Host, { key: '21d56ae54df2b7856304a50fe9671667da7ccf4d', "has-lead": hasLead }, h("article", { key: 'bf9927133bb6159a61ddae06ca9cbead8952a484', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '5da0a8f84c2908277fdbaf1d04c81d2ede7c9f19', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: 'a953746076a4fa14be8ec4ff7a1280210617f5c8', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'cea6ec3a8243d4413b1b6da21a96cbe65f9bd46f', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el) }, h("span", { innerHTML: formatHeadingForHyphenation(this.heading) }))) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '56366a0bfec11383d7e3cce88ad5a96d9ebadffd', class: "stzh-card-navigation__lead" }, this.lead ? h("p", { class: "stzh-card-navigation__lead-text" }, this.lead) : h("slot", { name: "lead" }))), h("div", { key: '86aec03b135309d9777f0c5cabec610aad3bfb7a', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: '1e3045eeed474afad9c92796d252e2b5cc5db74a', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     static get is() { return "stzh-card-navigation"; }
     static get encapsulation() { return "scoped"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-card-navigation.js","sourceRoot":"","sources":["../../../../src/components/stzh-card-navigation/stzh-card-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGvF,OAAO,EAAE,2BAA2B,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEzE;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IAL/B;QAmBE,6CAA6C;QACrC,YAAO,GAAW,EAAE,CAAC;QAE7B,oBAAoB;QACZ,iBAAY,GAA0B,GAAG,CAAC;QAElD,4CAA4C;QACpC,SAAI,GAAW,EAAE,CAAC;QAE1B,wBAAwB;QACC,mBAAc,GAAY,KAAK,CAAC;QAUjD,oBAAe,GAAG,CAAC,aAAyB,EAAE,EAAE;YACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBAClB,SAAS,EAAE,sBAAsB;gBACjC,aAAa;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC,CAAC;~~KA0DH~~;~~IAxDC~~,kBAAkB;QAChB,qBAAqB,CAAC,GAAG,EAAE;;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,KAAI,MAAA,IAAI,CAAC,kBAAkB,0CAAE,SAAS,CAAA,CAAC;YAExE,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAA,IAAI,CAAC,gBAAgB,0CAAE,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;YAC/D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAE7D,MAAM,OAAO,GAAG;YACd,sBAAsB,EAAE,IAAI;YAC5B,gCAAgC,EAAE,OAAO;YACzC,+BAA+B,EAAE,IAAI,CAAC,cAAc;SACrD,CAAC;QAEF,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE7C,OAAO,CACL,EAAC,IAAI,iEAAW,OAAO;YACrB,gEAAS,KAAK,EAAE,OAAO,gBAAc,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU;gBAChE,4DAAK,KAAK,EAAC,+BAA+B;oBACxC,EAAC,OAAO,qDAAC,KAAK,EAAC,6BAA6B;wBAC1C,EAAC,SAAS,qDACR,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,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,IAE5B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,WAAK,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAoB,CAAC;4BAC9D,YAAM,SAAS,EAAE,2BAA2B,CAAC,IAAI,CAAC,OAAO,CAAC,GAAS,CAC/D,CACP,CAAC,CAAC,CAAC,CACF,WAAK,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAoB,CAAC;4BAC9D,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACP,CACS,CACJ;oBAEV,4DAAK,KAAK,EAAC,4BAA4B,~~IAAE~~,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,~~aAAI~~,IAAI,CAAC,IAAI,CAAK,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,MAAM,GAAQ,~~CAAO~~,~~CACtG~~;gBAEN,4DAAK,KAAK,EAAC,6BAA6B;oBACtC,kEAAW,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAC,aAAa,GAAa,CAC/E,CACE,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"stzh-card-navigation.js","sourceRoot":"","sources":["../../../../src/components/stzh-card-navigation/stzh-card-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

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

@@ -90,9 +90,6 @@ export class StzhCardSearchresult {
         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,
@@ -113,7 +110,7 @@ export class StzhCardSearchresult {
         };
         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" })))))))));
     }
     static get is() { return "stzh-card-searchresult"; }
     static get encapsulation() { return "scoped"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-card-searchresult.js","sourceRoot":"","sources":["../../../../src/components/stzh-card-searchresult/stzh-card-searchresult.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
1	+ {"version":3,"file":"stzh-card-searchresult.js","sourceRoot":"","sources":["../../../../src/components/stzh-card-searchresult/stzh-card-searchresult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAUxG,OAAO,EAAE,2BAA2B,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D;;;;GAIG;AAMH,MAAM,OAAO,oBAAoB;IALjC;QAyBE,6CAA6C;QACrC,YAAO,GAAW,EAAE,CAAC;QAE7B,oBAAoB;QACZ,iBAAY,GAA0B,GAAG,CAAC;QAElD,0DAA0D;QAClD,gBAAW,GAAW,EAAE,CAAC;QAqBjC,qBAAqB;QACb,kBAAa,GAAqC,EAAE,CAAC;QAW7D,sDAAsD;QAC9C,4BAAuB,GAAY,KAAK,CAAC;QAEjD,qBAAqB;QACI,kBAAa,GAAwB,SAAS,CAAC;QAgBxE,wBAAwB;QACC,mBAAc,GAAY,KAAK,CAAC;QAwCjD,oBAAe,GAAG,CAAC,aAAyB,EAAE,EAAE;YACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBAClB,SAAS,EAAE,wBAAwB;gBACnC,aAAa;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC,CAAC;KAsMH;IA5OC,WAAW,CAAC,QAA2B;QACrC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAClB,CAAC;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACxC,IAAI,CAAC;gBACH,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACpC,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAClB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QACxB,CAAC;IACH,CAAC;IAGD,mBAAmB,CAAC,QAA2B;QAC7C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QAC1B,CAAC;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACxC,IAAI,CAAC;gBACH,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC5C,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YAC1B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;QAChC,CAAC;IACH,CAAC;IAaO,0BAA0B,CAAC,SAA2B,EAAE,OAAyB;QACvF,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;IAED,kBAAkB;QAChB,qBAAqB,CAAC,GAAG,EAAE;;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,KAAI,MAAA,IAAI,CAAC,kBAAkB,0CAAE,SAAS,CAAA,CAAC;YAExE,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAA,IAAI,CAAC,kBAAkB,0CAAE,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;YACjE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE5C,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QAC7G,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,wBAAwB,CACrE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAC1B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAC3B,CAAC;QACJ,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACtE,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAClF,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEpD,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC5E,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAEtE,MAAM,QAAQ,GAAG,YAAY,IAAI,IAAI,CAAC,uBAAuB,CAAC;QAE9D,MAAM,OAAO,GAAG;YACd,wBAAwB,EAAE,IAAI;YAC9B,qCAAqC,EAAE,UAAU;YACjD,yCAAyC,EAAE,cAAc;YACzD,iDAAiD,EAAE,cAAc,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,IAAI,CAAC,aAAa;YAC7G,kCAAkC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;YAC/C,qCAAqC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;YACrD,iCAAiC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG;YAC7C,mCAAmC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;YACjD,mCAAmC,EAAE,QAAQ;YAC7C,2CAA2C,EAAE,QAAQ,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS;YACzF,yCAAyC,EAAE,QAAQ,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO;YACrF,kCAAkC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACzD,sCAAsC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;YAC/F,wCAAwC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe;YAChE,iCAAiC,EAAE,IAAI,CAAC,cAAc;SACvD,CAAC;QAEF,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;QAE5C,OAAO,CACL,EAAC,IAAI,kEAAY,QAAQ;YACvB,gEAAS,KAAK,EAAE,OAAO,gBAAc,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU;gBAC/D,IAAI,CAAC,GAAG,IAAI,iEAAU,KAAK,EAAC,6BAA6B,EAAC,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,GAAa;gBAE7G,4DAAK,KAAK,EAAC,yCAAyC;oBACjD,IAAI,CAAC,eAAe,IAAI,CACvB,wEACE,KAAK,EAAC,oCAAoC,EAC1C,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,OAAO,EAAC,QAAQ,GACC,CACpB;oBAEA,IAAI,CAAC,QAAQ,IAAI,4DAAK,KAAK,EAAC,kCAAkC,IAAE,IAAI,CAAC,QAAQ,CAAO;oBAErF,EAAC,OAAO,qDAAC,KAAK,EAAC,iCAAiC;wBAC9C,EAAC,WAAW,qDACV,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,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,IAE5B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,WACE,KAAK,EAAC,2CAA2C,EACjD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAoB,CAAC;4BAE3D,YAAM,SAAS,EAAE,2BAA2B,CAAC,IAAI,CAAC,OAAO,CAAC,GAAS,CAC/D,CACP,CAAC,CAAC,CAAC,CACF,WACE,KAAK,EAAC,2CAA2C,EACjD,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAoB,CAAC;4BAE3D,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACP,CACW,CACN,CACN;gBAEN,4DAAK,KAAK,EAAC,6CAA6C;oBACrD,CAAC,cAAc,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CACzC,4DAAK,KAAK,EAAC,qCAAqC;wBAC7C,cAAc,IAAI,CACjB,4DAAK,KAAK,EAAC,oCAAoC;4BAC7C,+DAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,CAAC,CAAQ;4BACjE,IAAI,CAAC,0BAA0B,CAAC,cAAc,EAAE,YAAY,CAAC,IAAI,CAChE;;gCAAc,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,cAAc,EAAE,YAAY,EAAE,MAAM,CAAC,CAAQ,CACxF,CACG,CACP;wBACA,IAAI,CAAC,aAAa,IAAI,4DAAK,KAAK,EAAC,wCAAwC,IAAE,IAAI,CAAC,aAAa,CAAO,CACjG,CACP;oBAED,4DAAK,KAAK,EAAC,qCAAqC,IAC7C,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,aAAa,GAAQ,CACnE,CACF;gBAEN,4DAAK,KAAK,EAAC,+BAA+B;oBACvC,cAAc,IAAI,CACjB,4DAAK,KAAK,EAAC,2CAA2C;wBACpD,4DAAK,KAAK,EAAC,oDAAoD,IAC5D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAC9D;wBACN,4DAAK,KAAK,EAAC,+CAA+C;4BACvD,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,GAAG;4BACpC,cAAc,CAAC,OAAO,EAAE,CACrB;wBACN,4DAAK,KAAK,EAAC,iDAAiD,IACzD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAClE,CACF,CACP;oBACA,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,KAAK,CAAO;oBAC3E,IAAI,CAAC,OAAO,IAAI,4DAAK,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,OAAO,CAAO;oBAClF,6DAAM,IAAI,EAAC,OAAO,GAAQ;oBACzB,IAAI,CAAC,uBAAuB,IAAI,CAAC,YAAY,IAAI,CAChD,mEAAY,KAAK,EAAC,MAAM,iBAAa,KAAK;wBACxC,4DAAK,KAAK,EAAC,2CAA2C,EAAC,SAAS,EAAE,gBAAgB,GAAQ,CAC/E,CACd,CACG;gBAEL,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,CAAC,IAAI,CAC3G,4DAAK,KAAK,EAAC,sCAAsC;oBAC9C,IAAI,CAAC,aAAa,IAAI,CACrB,sEAAe,KAAK,EAAC,kCAAkC,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,GAAkB,CACpG;oBAEA,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,4DAAK,KAAK,EAAC,8BAA8B;wBACvC,4DAAK,KAAK,EAAC,mCAAmC,IAC3C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,EAAC,QAAQ;4BACP,WAAK,KAAK,EAAC,wCAAwC,IAAE,IAAI,CAAO,CACvD,CACZ,CAAC,CACE,CACF,CACP;oBAEA,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAC5D,4DAAK,KAAK,EAAC,kCAAkC;wBAC3C,4DAAK,KAAK,EAAC,uCAAuC;4BAC/C,IAAI,CAAC,eAAe,IAAI,CACvB,4DAAK,KAAK,EAAC,0CAA0C,IAAE,IAAI,CAAC,eAAe,CAAO,CACnF;4BACA,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,4DAAK,KAAK,EAAC,4CAA4C,IACpD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC9B,EAAC,QAAQ;gCACP,WAAK,KAAK,EAAC,iDAAiD,IAAE,IAAI,CAAO,CAChE,CACZ,CAAC,CACE,CACP,CACG;wBAEN,4DAAK,KAAK,EAAC,yCAAyC;4BAClD,kEAAW,KAAK,EAAC,uCAAuC,EAAC,IAAI,EAAC,UAAU,GAAa,CACjF,CACF,CACP,CACG,CACP,CACO,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -168,7 +168,8 @@ export const EventWithPlaceholderImage = {
     href: '#',
     heading: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr',
     description:
-      'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.'
+      'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.',
+    'placeholder-image-enabled': true
   }
 };

package/dist/collection/components/stzh-header/stzh-header.css CHANGED Viewed

@@ -952,6 +952,7 @@
     z-index: initial;
     width: 19.6875rem;
     transform: none;
+    clip-path: none;
     left: 100%;
     transition-property: opacity, visibility;
   }

package/dist/collection/components/stzh-upload/stzh-upload.js CHANGED Viewed

@@ -13,7 +13,7 @@ const ATTR_META_ID = "data-dz-meta-id";
 const ATTR_ERROR_MESSAGE_ID = "data-dz-error-message-id";
 const ATTR_PROGRESS_TEXT = "data-dz-progress-text";
 const ATTR_REMOVE = "data-dz-remove";
-const ACCEPTED_FILES_DEFAULT = ".jpg,.png,.pdf";
+const ACCEPTED_FILES_DEFAULT = ".jpg,.jpeg,.png,.pdf";
 let uploadCounter = 0;
 let previewCounter = 0;
 // Most properties taken over from:
@@ -75,11 +75,8 @@ export class StzhUpload {
         this.downloadDisabled = false;
         /** Whether download functionality should only be shown to completed files. */
         this.downloadDisabledWhileProcessing = false;
-        /**
-         * The file types accepted to be uploaded. For security reasons, there's the default value ".jpg,.png,.pdf".
-         *
-         */
-        this.acceptedFiles = ".jpg,.png,.pdf"; // must match ACCEPTED_FILES_DEFAULT (autodocs can't handle variables)
+        /** The file types accepted to be uploaded. */
+        this.acceptedFiles = ".jpg,.jpeg,.png,.pdf"; // must match ACCEPTED_FILES_DEFAULT (autodocs can't handle variables)
         /**
          * If false, files will be added to the queue but the queue will not be
          * processed automatically.
@@ -964,7 +961,7 @@ export class StzhUpload {
         <div class="stzh-upload__details">
           <div class="stzh-upload__info-wrapper">
             <div class="stzh-upload__info-wrapper-processing">
               <div class="stzh-upload__title-meta-row">
                 <div class="stzh-upload__icon">
@@ -1242,14 +1239,14 @@ export class StzhUpload {
         if (!filesizeText) {
             instructionText = instructionText.replace(/\s*\(\s*\)\s*/, "");
         }
-        return (h(Host, { key: 'acf772e9249fa32f633366293e15df90fcd96a63', tabindex: this.disabled ? null : "-1", "is-invalid": this.invalid || errorUsed, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid || errorUsed ? "true" : "false", "aria-describedby": this.invalid || errorUsed ? this.error : undefined, role: "group", "aria-labelledby": labelWrapperUsed && (this.label || hasSlot(this.uploadEl)) ? `${this.uploadId}-label` : undefined }, h("stzh-toastbar", { key: '91c9545868fcdd836a2baac682ea5c13d3fa284f' }), h("div", { key: '02f99944e7931713b690b6ed1bedd6295366d70a', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: 'ca1c278309556bd26955e8ea10684cf8de0e2e57', ref: el => (this.hiddenInputContainerElement = el) }), labelWrapperUsed && (h("div", { key: 'f54f408d089510a90f65be01fbfeb0bbe6c01a05', class: "stzh-upload__label-wrapper" }, h("label", { key: '242ebcbf8cdba59d53c018a2674f6ddcdc0b6288', id: `${this.uploadId}-label`, class: {
+        return (h(Host, { key: '8ff96516c9de940666b185422e118b0d089652e6', tabindex: this.disabled ? null : "-1", "is-invalid": this.invalid || errorUsed, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid || errorUsed ? "true" : "false", "aria-describedby": this.invalid || errorUsed ? this.error : undefined, role: "group", "aria-labelledby": labelWrapperUsed && (this.label || hasSlot(this.uploadEl)) ? `${this.uploadId}-label` : undefined }, h("stzh-toastbar", { key: 'cf2b6052a3f012a57324bbe765593719da2a96d7' }), h("div", { key: 'c8748c527293670f9cc31c9784fbfc4c96a34103', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: '10d1ffebf694df4c21d32cd904f606de38eac5ab', ref: el => (this.hiddenInputContainerElement = el) }), labelWrapperUsed && (h("div", { key: 'fa82c44925fad3bf298ce11e45f6d0c4d0bddc17', class: "stzh-upload__label-wrapper" }, h("label", { key: 'b2eaaf461a147fb4da3aad0797f24566befe72a9', id: `${this.uploadId}-label`, class: {
                 "stzh-upload__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            } }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '8c0da37a0c75e958f8af8b65eb61c15003878601', class: "stzh-upload__marker" }, h("span", { key: 'a3c6e2a1a74b55fb58412f46c4652218abd70679', class: "stzh-upload__marker-symbol", "aria-hidden": "true" }, this.required
+            } }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '61e3174e2974c1b7a1975d22dd2f5d3220e716c1', class: "stzh-upload__marker" }, h("span", { key: 'e715c7fdc1131e1e4999f1c5b9c458335fa56081', class: "stzh-upload__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'd47ed0fabf74a75c9f4d7eda3ba071a6a2069cbb', class: "stzh-upload__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '589d7bebe51db17314c7a47be3fe9404cf2780a0', class: "stzh-upload__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), (this.descriptionLong || hasSlot(this.uploadEl, "description-long")) && (h(StzhInputDescription, { key: '57f5324686fd452442ae013b3411d809db03400f', classPrefix: "stzh-upload", id: `${this.uploadId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '34fd7cb1d722e6f10aadcf493736be64377b3a42', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: '37920b5454bcb3619ee8e21836f9d0e232cf3b65', class: "stzh-upload__heading-wrapper" }, h("div", { key: '55b94772290115c88514a18a9348d4603d940e36', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: 'd1699ba7c69dac2fa1639490bfe27d3d03d7c88e', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: 'f374f6fe0e1ae705f5b45de0215d4a4e5d119b50', id: `${this.uploadId}-button`, class: "stzh-upload__button", variant: "secondary", size: "tiny", ref: el => (this.chooseFileButtonEl = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: this.a11yDescribedby, a11yControls: `${this.uploadId}-previews`, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: '19dd071a8cc48e2bbc62a0763c0c29613f333000', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '5d217f97b8e1b2dedb5c690dd9854a730b846a96', onClick: this.onButtonScanClick, class: "stzh-upload__button-scan", variant: "secondary", size: "tiny", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, a11yDescribedby: this.a11yDescribedby, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: '49db414cffed59ea5b2bdb7f8bbf278aa2f4240a', slot: "icon", name: "camera" })))))), h("div", { key: '8af4a072988f51033370eb6f1257262cbd4eab1f', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: '9212922200dcf0857d2c515dce1c80a8a2a6a2d6' }, instructionText))), (this.description || errorUsed) && (h(StzhInputDescription, { key: '873b067b09fda9bac0c2666b7bf65291c41a1b6c', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })), h("div", { key: 'a9ba83efb780d3d57964aad1b6ef857870da0c1c', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '4ebac8224fee8a0a8fb53a69baa7d8182e42bbc6', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '6c7d3cca3a8d69fee15b69aa72986f37ef24f6df', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: 'b3c9bbeed7543359703470516896a6061e31f967', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: 'b458bc04a2c4636453286a59820edcc3e0232c50', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '186cf7a88a6d3717e14b138fe92b5f24c5be86ab', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '214951ad746d3659f91b40e105139608d695e7c7' }, h("p", { key: 'cb79376d6d08e81e6b7b1792eb0f1a9b1e73f0a1' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: 'dbe02d46f9aeb9e6d22cc5620dcbe033208dffe9' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: '18dfe7f274badbf723ebeff56220c7441bb209d0', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '709e55952e770e4aae59f962c19d2f11cffef48b', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: 'd8e81f80d05a3c8a987001040716dc579029162b' }, h("p", { key: '4b116272ceee764332a457774f2c7860e1940de9' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: 'd2dcde846e0dff631537efb0eccd2617c3d05597', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: 'bc1f37e6d43afe68c24f22dadadd4646130f2819', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "tiny", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: '800465be03f9b755d3463ff81a1379a6746651fd' }, h("div", { key: 'c28c72857dbda8d261dd89b5e94b1947fe4372f0', class: "stzh-upload-photographing__info" }, h("div", { key: '1315a168a23b8c0c97c1a6c74ed6cf67a3ad240b', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '7b8c58bdae5137d08da8916c5487fa72dc024b0e', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: '9b10e9d636615cb083e132d285c5d5b6781aaab1' }, this.localization.photographingText1)), h("div", { key: 'b751769ab338835c84e71609155f57746f8e514b', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '4437ac6fdb5edb2bb369b752f49c1f1a26eb7d62', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '9bf6733a573b96bdfb5f9d514a836876e6de8954', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: 'afae53b6ae6e8691cb73b7f6d27223df8f38e491', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '4d92e90cf8dd9a860aedb0acdcc9a5d91056a69a' }, this.localization.photographingText2)), h("div", { key: 'a41f4c025de45d51e87f15842d94a1b34810543f', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: '8d2b4f6c62d3fda8735b7b1f43bea8f3be58bea9', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
+            : this.localization.$globals.optionalFieldText)))), (this.descriptionLong || hasSlot(this.uploadEl, "description-long")) && (h(StzhInputDescription, { key: '3ae1887f49ecc58ecf907976c3f698b4796bbb95', classPrefix: "stzh-upload", id: `${this.uploadId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: 'b1f20eb12e286cff489f61da765f77d986068dab', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: 'c4a284e2fa1a758f8586015607918cabec2c2b1e', class: "stzh-upload__heading-wrapper" }, h("div", { key: '3d3d57c2356b145b71e913f6cc20679d7a8e69b6', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: 'fb71a639cc6fd86be544c72492c2e3ef98f4e9cb', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: '5a1386106d58d3c2fe6b4b6625701e1c13959656', id: `${this.uploadId}-button`, class: "stzh-upload__button", variant: "secondary", size: "tiny", ref: el => (this.chooseFileButtonEl = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: this.a11yDescribedby, a11yControls: `${this.uploadId}-previews`, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: 'e2183e7ddf91906877330674966c3eea96559cf5', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '4865e13fe16acbc31bb6c679ec01d0982574219a', onClick: this.onButtonScanClick, class: "stzh-upload__button-scan", variant: "secondary", size: "tiny", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, a11yDescribedby: this.a11yDescribedby, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: '48b705b4ee7adf5c190ad9bcb34248227a0eb7b9', slot: "icon", name: "camera" })))))), h("div", { key: '6d54e2ccd042b975a74c2b9ae412499f887ba8b3', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: '53982a532873735a9170bf0303cadcb388f07d73' }, instructionText))), (this.description || errorUsed) && (h(StzhInputDescription, { key: '87cc07cebbf19f748d9a2f3e82d20148da604cc7', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })), h("div", { key: '664675321d3c0152e1a8f2616326804e309b38f5', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '15070e32b62de678d91687f192df5a88458e2a00', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '71fe597bd33ae646171d75eb563b5b102543f696', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: '087270500c7b8d27a2fa9d5187219b62d7896325', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: '2a687477a9adb00a18066fba8d0d795c45954a5b', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '06503d4c6075d333db7252b004094e1bf27a6113', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '5f15672244b2eed2eba026373ce11e941c3bad3a' }, h("p", { key: '879ecf7d6da66294c386f66744c0137e40396afc' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: 'ebf29e169d8fdfa2772268fedf2c1a11ef833e43' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: 'f64a71a1ea50d729a9eec6df2d367e47d689ce7d', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '86b533c7014e3a783781407ad43c897a550bab5f', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: '171fc3fc41a55fd5353b03835b3bde783b3995b7' }, h("p", { key: 'c5ba53189ea29b90d5b2a04b90021785bdd8211f' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '64fd61d5d2917d282fbf4807c9440bac61889196', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: '2c5e89a6beca7e777914f5b0f67a31df389444f2', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "tiny", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: '1f0634640f03ea5715380486f5290ef8de6da167' }, h("div", { key: '413feffa9195c7e8883835244fc48d3474da47c0', class: "stzh-upload-photographing__info" }, h("div", { key: 'f4a6b1c85e544f66621ab02ad51793800eaf7ea0', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '58bd9e4f3309eca9a776f522a0915dd1367961ae', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: '17321db9702a4f495473fca3947ea1f831ddb4bd' }, this.localization.photographingText1)), h("div", { key: '59ad54f7789dd0e5b0a3301e9704ed1db5c2fc75', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '19d5d84a5de99d99e24c70c428613e764aeb45d0', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '8144d958b2644a528bd92b954a158a13f1b375bf', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: '85758ec792d5c0bb877200f1f7746d2570465315', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '8f5d85d2f7e552f5cb18fc9a4e2263f7c4c325cc' }, this.localization.photographingText2)), h("div", { key: '34ea6aa7d5c4516938ea8a479285b0d35a827773', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: 'c974a41a65bcecee9526f11b860f34d90f9450f3', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
     }
     static get is() { return "stzh-upload"; }
     static get originalStyleUrls() {
@@ -1728,13 +1725,13 @@ export class StzhUpload {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The file types accepted to be uploaded. For security reasons, there's the default value \".jpg,.png,.pdf\"."
+                    "text": "The file types accepted to be uploaded."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": true,
                 "attribute": "accepted-files",
-                "defaultValue": "\".jpg,.png,.pdf\""
+                "defaultValue": "\".jpg,.jpeg,.png,.pdf\""
             },
             "autoProcessQueue": {
                 "type": "boolean",