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

@oiz/stzh-components 4.12.1 → 4.13.0-beta1

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 (1081) hide show

package/dist/cjs/stzh-card-navigation.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhCardNavigationCss = () => `.sc-stzh-card-navigation-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-card-navigation-h,[stzh-hidden].sc-stzh-card-navigation-h{display:none}.sc-stzh-card-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h *.sc-stzh-card-navigation,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::before,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-card-navigation-h .has-focus.sc-stzh-card-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation{outline-style:none !important}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-card-navigation-h{display:flex;flex-direction:column}.stzh-card-navigation.sc-stzh-card-navigation{position:relative;flex-grow:1;display:flex;gap:var(--stzh-space-small);background-color:var(--stzh-color-grey10)}.stzh-card-navigation.sc-stzh-card-navigation:hover{background-color:var(--stzh-color-secondary10)}.stzh-card-navigation.sc-stzh-card-navigation:hover .stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{transform:translateX(0.25rem)}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xxlarge)}}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{display:flex;align-items:center;flex-grow:1;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-card-navigation__title.sc-stzh-card-navigation{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-card-navigation__title.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-card-navigation__title.sc-stzh-card-navigation{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-primary70);margin:0}.stzh-card-navigation__title-link.sc-stzh-card-navigation{display:block;font-family:inherit;font-size:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{z-index:1}.stzh-card-navigation__lead.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-xlarge)}}.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-xlarge)}}.stzh-card-navigation__arrow.sc-stzh-card-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30)}.stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{flex-direction:column;align-items:flex-start}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__arrow.sc-stzh-card-navigation{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem}.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title.sc-stzh-card-navigation,.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title-link.sc-stzh-card-navigation{hyphens:auto}`;
@@ -44,7 +44,7 @@ const StzhCardNavigation = class {
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (index.h(index.Host, { key: 'e2e22a226ad93f8d2b312d01eeb056971e3b348e', "has-lead": hasLead }, index.h("article", { key: 'fa9e11c3c0d9db1a3d8eb27dd2f29fa28140e36a', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: 'fbecaad7fda56af6619dc56f148b6a96db02aea2', class: "stzh-card-navigation__wrapper" }, index.h(Heading, { key: '581d2269effc384f1ba5018d6bbca37dfd533178', class: "stzh-card-navigation__title" }, index.h(TitleLink, { key: '20985cdf43d1f475e95e2443d3f33dc8e4fee017', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (index.h("div", { ref: el => (this.headingTextElement = el), innerHTML: utils.formatHeadingForHyphenation(this.heading) })) : (index.h("div", { ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" }))))), index.h("div", { key: '1c3f833b5dd17439a4b69bbe518ada1d913fdfda', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" }))), index.h("div", { key: '2757dbf059e0b5757f205e315cc568d4b29e9b8e', class: "stzh-card-navigation__arrow" }, index.h("stzh-icon", { key: '88187f313e2646d0f60db326ca8395f3048bf312', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (index.h(index.Host, { key: '685799f3445fe55fd33e3d66d7456a3cc399b79a', "has-lead": hasLead }, index.h("article", { key: '2b9380114b800596f5232d6c35bcd0352facaf94', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: '536b33182e26bcdea6ca641b03a7c97b7c6481bc', class: "stzh-card-navigation__wrapper" }, index.h(Heading, { key: '0bf5c636946fe9d3ae1b4c077a6f3a5db6b1028b', class: "stzh-card-navigation__title" }, index.h(TitleLink, { key: '745d3b07a06c338132492a04ab133eefae4d6f08', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (index.h("div", { ref: el => (this.headingTextElement = el), innerHTML: utils.formatHeadingForHyphenation(this.heading) })) : (index.h("div", { ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" }))))), index.h("div", { key: 'cbf940fed8f23b27273a2010c5a1a20e12d5974d', class: "stzh-card-navigation__lead" }, this.lead ? index.h("p", null, this.lead) : index.h("slot", { name: "lead" }))), index.h("div", { key: 'f6d3b9feb2679baf9375423e4f05b41609ac306e', class: "stzh-card-navigation__arrow" }, index.h("stzh-icon", { key: '69c975b6562dccb62545f14a856f77581a97a919', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-card-searchresult.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 var PlaceholderImage = `<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
@@ -121,7 +121,7 @@ const StzhCardSearchresult = class {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (index.h(index.Host, { key: '3ae82ba387b77362bc6ef91a154514aa26908bf7', "has-image": hasImage }, index.h("article", { key: 'fc296636b69cd80fbd3a391b823dfd4b71763c79', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '9fa4d1043760865821b7525c4e9e429a21bab631', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: 'dae6ad7510af19baf8fd4ad62d44d96ad47b7a05', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: 'e423a959f0191ad9c6dfafc8a97efd1bf8094db8', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: 'ad41a404bae111d2409ba6fcba61d278349da2e0', class: "stzh-card-searchresult__dateline" }, this.dateline), index.h(Heading, { key: '9e26e549a796bd19cfbb9b3e75805ca4944437dc', class: "stzh-card-searchresult__heading" }, index.h(HeadingLink, { key: '06951dbcd6728657eecff68f89aac49230fe84de', 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 ? (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: utils.formatHeadingForHyphenation(this.heading) })) : (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: 'de3ec782d8bcd276dba15f646a4661534a774a93', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: '6e3af140e51bbfc01a8dae84ac08f0c85ca3393e', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (index.h("div", { key: '99df4963a45c596348b3608a37f941df02d14fd8', class: "stzh-card-searchresult__event-date" }, index.h("span", { key: 'e0e2d8bb4c53853ca6dbb719637dc561b9b9994a' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '725c2ea0ff663d7aab468971d402c135a7fb381c' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: '3200b1bee5834b17014b4e18c66cfd277fa1e771', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), index.h("div", { key: '53b5c48d344eae6966792e84317c77375114377c', class: "stzh-card-searchresult__description" }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: '60ee4a822f5333c3351547704ebc0fdd0350dcd4', class: "stzh-card-searchresult__image" }, eventDateStart && (index.h("div", { key: '30c09d5974aa4f44394b72092a682ed2f80b3463', class: "stzh-card-searchresult__event-date-teaser" }, index.h("div", { key: '6d0a69eddbb37ed60c94135d121b60f55a524ede', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: '5e814559752e8f757467fb51b7324204cfbc3369', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: 'c8fac0a6f46e10c00cf55995418abededdcd83d1', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && index.h("div", { key: '05697f1b385d1a7bba25c4b5bcdcd962204e356d', class: "stzh-card-searchresult__topic" }, this.topic), this.service && index.h("div", { key: '6db8c6dcc6b629ede2d7c5edb0bdfbe2917d33f8', class: "stzh-card-searchresult__service" }, this.service), index.h("slot", { key: '72bd6c404f069238657a758b991e02a72abd9571', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: '36949efc4df7ea6853216ec39225738ff0aaa0b4', ratio: "21:9", "ratio-small": "1:1" }, index.h("div", { key: 'ec427ef7256621a13c80de508ec2e9e58c375ae8', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: 'fdc42c153540f365776aa2f8bc46badfb5a03c7a', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: '426d78016eaa57fd9e1742c622ee62498cbff16a', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: '5e44f923c9ee05be175cdc860d0884e67e05d8dc', class: "stzh-card-searchresult__meta" }, index.h("div", { key: '2a26c265e982bee58c64855539a6ac4908ad596b', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: 'f5f014598298a54288c667aada4dbe7fe048a8cf', class: "stzh-card-searchresult__download" }, index.h("div", { key: '1f92634795e59fec02a6d45158b3f1d19f99048b', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (index.h("div", { key: 'f7718577a02ca5f581175cb8f188ecc42b84f576', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: '437fd0f56e131b8f1e01d3e241cdf56b19b31843', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), index.h("div", { key: '469c351e22786e59d7b5799aac6adb99e702c8a4', class: "stzh-card-searchresult__download-button" }, index.h("stzh-icon", { key: '45385639e43a22f2b368a9fccc8b9b85df76bdbf', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (index.h(index.Host, { key: '74017f9a5c1a4104a3ccb6ee5d974cbeb3de9806', "has-image": hasImage }, index.h("article", { key: 'fdfb1e9a5885daa1b9616bc7053ee1a7e700c4ec', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '6c5aa712510b854ac42f2247c3c58e717a91f211', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: 'b750a2186579be8706828ab00424dd9824386b93', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: 'd4847693c87d59c9444301d139a9f19c56aca17a', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: '8160403ba0ab20f1f69a4e339e51ecb14ed4a14b', class: "stzh-card-searchresult__dateline" }, this.dateline), index.h(Heading, { key: '5dfd9de959d21669d2d39861792c6b7877966438', class: "stzh-card-searchresult__heading" }, index.h(HeadingLink, { key: '16a7b014335694f979ce50b23ff83250792f9295', 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 ? (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: utils.formatHeadingForHyphenation(this.heading) })) : (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: 'a271d51f4c699ce77559bf9b786a5db4acc0d02d', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: '655a23e35ece2c49eaeb131bd027e6acd68c8c5c', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (index.h("div", { key: '4dec6cf7b9cc9cc337d30149b9ab0ea6bf886960', class: "stzh-card-searchresult__event-date" }, index.h("span", { key: '2917247cc5ef64a14621eac98f834e9f6e249d2b' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '1e472419aa9a1b4916698609f0a0ad2536e5239f' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: '95ab56458a65bc29c08efda0e35390a709447ef0', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), index.h("div", { key: '31b8a01402712564b765484058f4f40501da14a1', class: "stzh-card-searchresult__description" }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: '0b45619d8e1d9f1db640376923c16544a56a768a', class: "stzh-card-searchresult__image" }, eventDateStart && (index.h("div", { key: 'ae8067786ba06e3db6e951f93d293640a9c0fb8d', class: "stzh-card-searchresult__event-date-teaser" }, index.h("div", { key: '505a37ac6a09a3f561aab2b19134df14c173f23b', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: '03bfae37e12c43065b737049a754e5f5fddde6c6', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: '951106db1810a172a5bb2aac810afcb594606068', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && index.h("div", { key: 'e51a37d550b33bf9a773ba672245156147473e12', class: "stzh-card-searchresult__topic" }, this.topic), this.service && index.h("div", { key: '2a9b48098e7b4fb87085dbd3cb735772d2fc1035', class: "stzh-card-searchresult__service" }, this.service), index.h("slot", { key: '92a15649442d11bde2b22860c1a6a15cd807e376', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: 'c0bd101e65d723586cf9bddc9add7dccb8d1f9c4', ratio: "21:9", "ratio-small": "1:1" }, index.h("div", { key: '8987e3e565fdf6bda792e165f5998cb9f301b15c', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '82d630c3af253ad322acfeacd409575c80e7e31c', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: '6199288e16758d369a3d25c6925d6fc1f2e85340', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: 'bcd9bf59df3eb5c0d6127dd06435501740f51cc4', class: "stzh-card-searchresult__meta" }, index.h("div", { key: '252a43648ca2bae88b7532ac824eedffde87b669', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '67a7ec80ece51e1965c4bb6d87a66b2ceb83d755', class: "stzh-card-searchresult__download" }, index.h("div", { key: '617f523655894a0f28866606cb14aa0d89df052e', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (index.h("div", { key: 'aa7397f34569981d3cc2d3fbac430c0827ecbc03', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: 'd3555db9375efe2099767b1722b02eb3b13604a9', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), index.h("div", { key: 'f0d68f7b6c06ce004339d2932565aa73a46a1e4d', class: "stzh-card-searchresult__download-button" }, index.h("stzh-icon", { key: 'db11ec5790a099b3ba51af7bb3d6ad75d4ffbfca', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-card-superteaser.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 var PlaceholderImage = `<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">

package/dist/cjs/stzh-card_2.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhCardCss = () => `.sc-stzh-card-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-card-h,[stzh-hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-card-h .has-focus.sc-stzh-card{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card{outline-style:none !important}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card::-moz-focus-inner{border:0 !important}.sc-stzh-card-h{--border-radius:0px;--outline-width:0.125rem;--outline-color:transparent;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:flex;flex-direction:column;position:relative;border-radius:var(--border-radius)}@media print{.sc-stzh-card-h{page-break-inside:avoid;break-inside:avoid}}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary)}@media (forced-colors: active){[checked].sc-stzh-card-h:not([checked=false]){outline:none}}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h.sc-stzh-card-s>[slot=image],.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h.sc-stzh-card-s>img[slot=image],.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.stzh-card.sc-stzh-card{flex-grow:1;display:flex;flex-direction:column;background-color:var(--stzh-color-grey10);border-radius:var(--border-radius);outline:var(--outline-width) solid var(--outline-color);outline-offset:calc(var(--outline-width) * -1)}@media (forced-colors: active){.stzh-card.sc-stzh-card{--outline-color:CanvasText}}.stzh-card--background-grey.sc-stzh-card{background-color:var(--stzh-color-grey10)}.stzh-card--background-white.sc-stzh-card{background-color:var(--stzh-color-white)}.stzh-card--background-grey.sc-stzh-card .stzh-card__card-action-popover.sc-stzh-card{--stzh-popover-background:var(--stzh-color-grey20);--stzh-popover-item-hover-bg:var(--stzh-color-grey30)}.stzh-card__content-wrapper.sc-stzh-card{position:relative;flex-grow:1;display:flex;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 900px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header-top.sc-stzh-card{display:flex;justify-content:space-between;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:inline-flex;margin-top:var(--stzh-space-xsmall);gap:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}.stzh-card__left.sc-stzh-card{align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;align-items:center;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);flex-grow:1}.stzh-card__card-actions.sc-stzh-card{display:inline-flex;white-space:nowrap}@media screen and (max-width: 899px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-base-color)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xxlarge)}}.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xsmall)}.stzh-card--has-header.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:0}.stzh-card--has-header.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:0}.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}.stzh-card--has-footer.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--has-tag.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxxlarge)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__content.sc-stzh-card{transition:color var(--stzh-base-transition-animation-speed)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__content.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__content.sc-stzh-card{color:var(--stzh-color-secondary60)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;appearance:none;background:none;border:none;transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-card--is-selectable.sc-stzh-card{--outline-color:ButtonBorder}}@media (forced-colors: active){.stzh-card--is-selectable.stzh-card--is-checked.sc-stzh-card{--outline-color:SelectedItem}}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}@media (forced-colors: active){.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{--outline-color:ButtonBorder}}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary)}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}.stzh-card--hyphens.sc-stzh-card .stzh-card__heading.sc-stzh-card,.stzh-card--hyphens.sc-stzh-card .stzh-card__title.sc-stzh-card{hyphens:auto}.stzh-card__header.sc-stzh-card{position:relative}.stzh-card__badge.sc-stzh-card{position:absolute;left:-0.3125rem;top:-0.3125rem;z-index:1}`;
@@ -325,14 +325,14 @@ const StzhCard = class {
             [`stzh-card--${this.variant}`]: !!this.variant,
             "stzh-card--hyphens": this.hyphensEnabled,
         };
-        return (index.h(index.Host, { key: '33e7f6068d01d02a6d0f63cea1f1ec8ecbd0e2e1', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, index.h("article", { key: 'adbd610e86751bc568142b11c587d60c55201523',
+        return (index.h(index.Host, { key: '5f4b8f7b7b11625ac69095b6d388e40047b24bf7', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, index.h("article", { key: '2d2c69019049bf0039f9dac185852f1ff8d61ff9',
             // ref={(el) => (this.mainElement = el as HTMLElement)}
-            class: classes, onClick: !this.href ? this.handleCardClick : null }, index.h("a", { key: 'b8b4562700eb3c03feca43b11c696e39c40e96e5', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, index.h("slot", { key: 'fc0b4d71114fa2dafdd661477a5317bdf81cf34f', name: "image" })), index.h("div", { key: 'e3bfe22210f971cfaaf368245a384eeef1939e8c', class: "stzh-card__content-wrapper" }, index.h("stzh-icon", { key: 'b486ece84a5a59327a7fa87cf7466e45f766b0da', class: "stzh-card__dnd", name: "drag" }), index.h("header", { key: '8c47c7628f1ab6abec4a154910f0ea499446e6b5', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: 'faa75fa40cbdf732524d90d3e58f0ccc1ceb0443', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), index.h("div", { key: 'c7779d95597e93b949a07f074405d1a538a9f034', class: "stzh-card__header-top" }, index.h("div", { key: '0bb0edf6ee95e8d91e35802af3b5a48eb913fb84', class: "stzh-card__header-left" }, index.h("div", { key: '19cb59dc9ba0018ccfb872107daafdc1cab7a5ac', class: "stzh-card__title-area" }, hasHeading && (index.h(Heading, { key: '3eb0444c2fa87c28e637153c044d703e72664624', class: "stzh-card__title" }, index.h("a", { key: '36cf30f2a840afa849d8ff6f3a70b078f7afae34', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, index.h("div", { key: '436390daef524b176e44678194bbe98efde27ae5', ref: el => (this.headingTextElement = el) }, this.heading ? utils.formatHeadingForHyphenation(this.heading) : index.h("slot", { name: "heading" }))))), index.h("span", { key: '6bd4b92b9008a72dd514e9f5e0410717d12d83da', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (index.h(Subtitle, { key: 'a402cb10658585a8872528a7327b0a290d1a03ac', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (index.h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), index.h("div", { key: 'faccb0e755d6b97ffe23bfd383b8c09226060a41', class: "stzh-card__header-right" }, index.h("div", { key: '5cf7f808fb07449890f2bfae3d6f2a0f8a04fe62', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (index.h("stzh-tooltip", { key: 'afd049b35fc2b07d3e72f5b16118be55e3f71783' }, index.h("stzh-button", { key: '57f3a52bdf5a0bccbeae30dd896cf6c0c51236c8', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), index.h("div", { key: 'faa84a326c445d3f4bbbb7a34c3ce9cf7a7f5824', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (index.h("stzh-popover", { key: 'b6370bae155b39c65fe3cc4a3a9a29e727897e87', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
+            class: classes, onClick: !this.href ? this.handleCardClick : null }, index.h("a", { key: '9b90a7dd51371d5f79d3fff9c5420ec91cae8ced', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, index.h("slot", { key: 'b0309dd5ddff5ac03e5c37fa69ec2b9282ec3e17', name: "image" })), index.h("div", { key: '0f809cf84f19afcea4eb9f00e8892b9102f0f907', class: "stzh-card__content-wrapper" }, index.h("stzh-icon", { key: 'f0ab81bc2a92fc3db4f09d039ea68b673730ebef', class: "stzh-card__dnd", name: "drag" }), index.h("header", { key: 'fb5e91106e25567db15d9a3413686dfbd02b82a8', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: 'd566f23df950afd747c1eec8226782e53fbd86bd', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), index.h("div", { key: '7de659f3b7b0c7b048a8772499c5e5898722baa4', class: "stzh-card__header-top" }, index.h("div", { key: 'be1fc88958bb7eb1517f673b97add3b38a4d0f87', class: "stzh-card__header-left" }, index.h("div", { key: '484073e7fd63c15b60416989b958d6dec8a0fb56', class: "stzh-card__title-area" }, hasHeading && (index.h(Heading, { key: '6f383730d2a4675675e4cac79dce260095fd0774', class: "stzh-card__title" }, index.h("a", { key: '598d782692f8d5e75f35bd9a44e4960d2364727c', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, index.h("div", { key: '69bc329e9e104dbf3229e766971ff68c7a5e325c', ref: el => (this.headingTextElement = el) }, this.heading ? utils.formatHeadingForHyphenation(this.heading) : index.h("slot", { name: "heading" }))))), index.h("span", { key: '0ee6cf2199690dd92468df695578891976692650', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (index.h(Subtitle, { key: '81590f63fd315b4c67c88aa86412a6fada88fd2e', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (index.h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), index.h("div", { key: '69bec42986b0d12eca385dd9aadf1d819c6778fc', class: "stzh-card__header-right" }, index.h("div", { key: '13ebf5aba91dfe89988c0cb4241f1ea4ef08768f', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (index.h("stzh-tooltip", { key: '30051e596e1b7da9c7b4c38db1b1f89fe3071669' }, index.h("stzh-button", { key: '35c9b7b882c7f72c6b14575cbf24c291cbf4d0f9', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), index.h("div", { key: 'd3381c03377c1cf23646d0f8d6e339a1bcce3732', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (index.h("stzh-popover", { key: '21b59eeb0b681d1bcf51dd712ac8a54bfd0bed9d', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
                 "stzh-card__card-action-popover": true,
                 // "hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
-            } }, index.h("stzh-button", { key: 'ad1cfa24b2cad417242733233ff9f9a1e131fb75', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), index.h("stzh-menu", { key: 'a8f839bdcdfa8fc9c1f54dfcae1c6efaf041a910', slot: "content" }, this._headerActions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
+            } }, index.h("stzh-button", { key: 'f05019b9371cf9fb808252a4f3d88fa1a667ef7d', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), index.h("stzh-menu", { key: '864ec785c95e48ca3f62d7443c1c6b6fa4c7030b', slot: "content" }, this._headerActions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
                 this.actionClick(e, action);
-            } }, action.label))), sortableActionsEnabled && (index.h(index.Fragment, { key: '36a0af23833590dbda823ddf5f5067f375b95ad0' }, !isFirstItemInSortable && (index.h("stzh-menu-item", { key: '79318d19cf0cdaddad583f1f701715219b1abbb6', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (index.h("stzh-menu-item", { key: 'd05364b6f075c41ef93757f805960aae2faa619e', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (index.h("stzh-menu-item", { key: '6a2af56d061d0610650ddb3454c0c7c240d29a24', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), index.h("div", { key: 'dd7a1a8a849e03faf746ba79b5dfb33e93b9f3db', class: "stzh-card__header-meta" }, index.h("slot", { key: '75653848572646a4ba0e480a22e8a0f942aae41c', name: "meta" }))), index.h("div", { key: '853c8ffe6f6eee5693d792e76c9db52484d47be6', class: "stzh-card__content hide-when-collapsed" }, index.h("slot", { key: '2649d049f1fe8748b39e64acc67adebb8f5514e8', name: "content" })), index.h("div", { key: '9fb8cbd3aeead5b9ba9352b22b68bd34ff102388', class: "stzh-card__footer hide-when-collapsed" }, index.h("slot", { key: 'cd6ee862f77778cc95f4387a3e1e7b17a4e279c2', name: "footer" }, this._footerActions.length > 0 && (index.h("stzh-actionset", { key: '9a8a4450bf2a69e5930f15c6e6bea9a47722accd', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (index.h("stzh-button", { key: 'a2b393684c8ed0865b40587010f866b296f7ccfe', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
+            } }, action.label))), sortableActionsEnabled && (index.h(index.Fragment, { key: 'f7a63db4d8702fecf421f007070c1bb0ad9c1af4' }, !isFirstItemInSortable && (index.h("stzh-menu-item", { key: 'ee860f022c9dc201357c04ddfb88f50d575ee8c4', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (index.h("stzh-menu-item", { key: 'c11ba36b7836dd2a304fa41500ce9c94743d1f1f', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (index.h("stzh-menu-item", { key: '0755987b3ba90184e49ad31fddabae6752725af1', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), index.h("div", { key: 'e81b1d3bad3fe2a78c7b6f358530b65cdb958e00', class: "stzh-card__header-meta" }, index.h("slot", { key: 'c1b0701df1d019cd0eecb1631f86b31b4d45db53', name: "meta" }))), index.h("div", { key: '76229c61be57cd65848f70c2295008009e4adf64', class: "stzh-card__content hide-when-collapsed" }, index.h("slot", { key: 'c4e2b083d1430b682493748d951e261df721d713', name: "content" })), index.h("div", { key: '95e6c51cb69589f2016e7277fa155efb394a352f', class: "stzh-card__footer hide-when-collapsed" }, index.h("slot", { key: '861b1a04d17efa240420c2e7975cff5cfa32a59f', name: "footer" }, this._footerActions.length > 0 && (index.h("stzh-actionset", { key: 'ea7a4e7f6ab61353b68673fa77553a66fa1b8430', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (index.h("stzh-button", { key: 'c9ba233b4ba0a5c88afaab1da30005231e8339c3', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -343,7 +343,7 @@ const StzhCard = class {
 };
 StzhCard.style = stzhCardCss();
-const stzhCardlistCss = () => `.sc-stzh-cardlist-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-cardlist-h,[stzh-hidden].sc-stzh-cardlist-h{display:none}.sc-stzh-cardlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cardlist-h *.sc-stzh-cardlist,.sc-stzh-cardlist-h *.sc-stzh-cardlist::before,.sc-stzh-cardlist-h *.sc-stzh-cardlist::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-cardlist-h .has-focus.sc-stzh-cardlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist{outline-style:none !important}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist::-moz-focus-inner{border:0 !important}.sc-stzh-cardlist-h{--description-color:var(--stzh-cardlist-description-color, inherit);--background-color:var(--stzh-cardlist-background-color, inherit)}.stzh-cardlist__cards.sc-stzh-cardlist{display:grid;gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-ultra)}}.stzh-cardlist__header.sc-stzh-cardlist{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-cardlist__header.sc-stzh-cardlist{flex-direction:row}}.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-cardlist__description.sc-stzh-cardlist{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-cardlist__description.sc-stzh-cardlist{--stzh-icon-color:var(--stzh-color-primary70)}.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:0}}.stzh-cardlist__description.sc-stzh-cardlist-s>stzh-heading,.stzh-cardlist__description .sc-stzh-cardlist-s>stzh-heading{--color:var(--description-color)}.stzh-cardlist__switch.sc-stzh-cardlist{--color:inherit;align-self:end}.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:0}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-searchresults.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{background-color:var(--background-color);position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width));--slotted:var(--stzh-cardlist-pi-content, 0);left:calc(50% * (1 - var(--slotted)));right:calc(50% * (1 - var(--slotted)));margin-left:calc((-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted)));margin-right:calc((-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted)));width:calc((100vw - var(--stzh-scrollbar-width)) * (1 - var(--slotted)) + 100% * var(--slotted));max-width:calc(100vw - var(--stzh-scrollbar-width) * (1 - var(--slotted)) + 100% * var(--slotted));padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xbig)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xbig)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 1600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{--slotted:var(--stzh-cardlist-pi-content, 0);--center-margin:max(0px, calc((100% - 84.25rem) / 2));margin-left:calc((1 - var(--slotted)) * var(--center-margin) + var(--slotted) * 4rem);margin-right:calc((1 - var(--slotted)) * var(--center-margin) + var(--slotted) * 4rem)}}`;
+const stzhCardlistCss = () => `.sc-stzh-cardlist-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-cardlist-h,[stzh-hidden].sc-stzh-cardlist-h{display:none}.sc-stzh-cardlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cardlist-h *.sc-stzh-cardlist,.sc-stzh-cardlist-h *.sc-stzh-cardlist::before,.sc-stzh-cardlist-h *.sc-stzh-cardlist::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-cardlist-h .has-focus.sc-stzh-cardlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist{outline-style:none !important}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist::-moz-focus-inner{border:0 !important}.sc-stzh-cardlist-h{--description-color:var(--stzh-cardlist-description-color, inherit);--background-color:var(--stzh-cardlist-background-color, inherit)}.stzh-cardlist__cards.sc-stzh-cardlist{display:grid;gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-ultra)}}.stzh-cardlist__header.sc-stzh-cardlist{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-cardlist__header.sc-stzh-cardlist{flex-direction:row}}.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-cardlist__description.sc-stzh-cardlist{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-cardlist__description.sc-stzh-cardlist{--stzh-icon-color:var(--stzh-color-primary70)}.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:0}}.stzh-cardlist__description.sc-stzh-cardlist-s>stzh-heading,.stzh-cardlist__description .sc-stzh-cardlist-s>stzh-heading{--color:var(--description-color)}.stzh-cardlist__switch.sc-stzh-cardlist{--color:inherit;align-self:end}.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:0}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{--slotted:var(--stzh-cardlist-pi-content, 0);row-gap:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(calc(3 - var(--slotted)), minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(calc(4 - var(--slotted)), minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-searchresults.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{background-color:var(--background-color);position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width));--slotted:var(--stzh-cardlist-pi-content, 0);left:calc(50% * (1 - var(--slotted)));right:calc(50% * (1 - var(--slotted)));margin-left:calc((-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted)));margin-right:calc((-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted)));width:calc((100vw - var(--stzh-scrollbar-width)) * (1 - var(--slotted)) + 100% * var(--slotted));max-width:calc(100vw - var(--stzh-scrollbar-width) * (1 - var(--slotted)) + 100% * var(--slotted));padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xbig)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xbig)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 1600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{--slotted:var(--stzh-cardlist-pi-content, 0);--center-margin:max(0px, calc((100% - 84.25rem) / 2));margin-left:calc((1 - var(--slotted)) * var(--center-margin) + var(--slotted) * 4rem);margin-right:calc((1 - var(--slotted)) * var(--center-margin) + var(--slotted) * 4rem)}}`;
 const StzhCardlist = class {
     constructor(hostRef) {
@@ -430,7 +430,7 @@ const StzhCardlist = class {
             "stzh-cardlist--max-3-cols": this.isStzhAnchornavVisible || this.max3Columns,
             [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,
         };
-        return (index.h(index.Host, { key: 'cab3894d68ca709d6964b83cb2bc4e9609e8e790' }, index.h("div", { key: 'ee5e9d6c657d0d05167b163c62dd7e85794cb65d', class: classes }, index.h("div", { key: '33fe366319708e24283d5404c9aaaf698fa4270e', class: "stzh-cardlist__header" }, index.h("div", { key: '32865cbaa2513cf1a0c935ae1b641cf429267966', class: "stzh-cardlist__description" }, this.description ? this.description : index.h("slot", { name: "description" })), this.showToggleLink && (index.h("stzh-link", { key: '0d94e7cef1ac66e5c34f13fa9b468766fe36d238', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), index.h("stzh-sortable", { key: '521140988d209c1f0f4531af0bd8c9732896cee8', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, index.h("div", { key: '94a0ecb1fe1cedd5e76c4dc14b284af80758b1d5', class: "stzh-cardlist__cards", role: "list" }, index.h("slot", { key: '482e087a5dc782fc243b199847ba76dd90f781c1' }))), index.h("div", { key: 'b30a4752a49f39e9fc2d698d6911d1616fb8c9df', class: "stzh-cardlist__footer" }, index.h("stzh-container", { key: '13425780b3376d060c9bb0c2892243db774a2cdc' }, index.h("slot", { key: 'e94cdf67ae4bddd692000bc140f6f392a2a19ca1', name: "footer" }))))));
+        return (index.h(index.Host, { key: '94f28bcbc9c88e6e11e7019bc5528649025f0300' }, index.h("div", { key: 'efdb613f275d52c340006e41693b39f265bbaf72', class: classes }, index.h("div", { key: 'e336b798fabeaa74054d6cc129ec3cd60a17fa12', class: "stzh-cardlist__header" }, index.h("div", { key: '818ccef76d6d98515cf70210b7899bdf194ec065', class: "stzh-cardlist__description" }, this.description ? this.description : index.h("slot", { name: "description" })), this.showToggleLink && (index.h("stzh-link", { key: '75278803d962dd3036de05a598c3f73d1b3f1df6', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), index.h("stzh-sortable", { key: 'd7b4b788168e87b098aad928fa1f1d580074a7b1', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, index.h("div", { key: '66b06a8108d08197df74235bcc0c83afbc10cbf7', class: "stzh-cardlist__cards", role: "list" }, index.h("slot", { key: '637413ed9db97adaa3d08d87cdd19e4260759c8c' }))), index.h("div", { key: 'c8ecf2ab6a2c5582d4424760447e96fe006d36af', class: "stzh-cardlist__footer" }, index.h("stzh-container", { key: '83867aa1029df1706ccebc1ff905e201ac998de6' }, index.h("slot", { key: '77ae34ee7b64ce57b2ff4149e2310b8434c8bcce', name: "footer" }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-carousel.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 var mediaUtils = require('./media-utils-BdBH0gZ3.js');
 require('./string-utils-BhUgGAtN.js');
@@ -572,9 +572,9 @@ const StzhCarousel = class {
             "stzh-carousel--has-autoplay": this.autoplay,
             "stzh-carousel--is-autoplay-running": this.autoplayRunning,
         };
-        return (index.h(index.Host, { key: '86ffbd32c70a0f2f6f641969a163053a37fe7bcc', "aria-roledescription": "carousel", style: {
+        return (index.h(index.Host, { key: '9aa6741c68f62c76f3ee6c4cdcd8b1f3d9600bee', "aria-roledescription": "carousel", style: {
                 "--slides": this.currentSlides.toString(),
-            } }, index.h("div", { key: 'cb009d2ff66d244fa7d3add94a4a78739aaef2ab', class: classes }, index.h("slot", { key: 'e26b09a5d34b3e9382ca2670654af34cc8b4b6ad', name: "actions" }), index.h("div", { key: '8f202d6da32750ac7ee2f1651b7525a4852e768a', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), index.h("div", { key: '0be46177c028d4fda2fefd84ad207905b575188b', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, index.h("slot", { key: 'e319820d34877f92c198b66b158c05cb6b83f527' })), this.withTrack && (index.h("div", { key: 'e9c050f1ca869dabcea08c01fafe037502b61fc9', class: "stzh-carousel__indicator-track" }, index.h("div", { key: '34083d74f1f91e620051871e8b5422737992a8ca', class: "stzh-carousel__indicator-thumb", style: {
+            } }, index.h("div", { key: '646b302609024c2598a41ec958492857fbd905f3', class: classes }, index.h("slot", { key: 'bb8db85f9066f87b3efdff94a0feafe727f094fe', name: "actions" }), index.h("div", { key: '65aa1ac81011b039034c9a7d7ff96993d60ecc9f', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), index.h("div", { key: 'acdb1c0e5b82a153c5130d14839362b0a11bf8a1', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, index.h("slot", { key: '2e935ec8d866376d7ec337ceb425006e58f08552' })), this.withTrack && (index.h("div", { key: '9ed358649c4465895e79e00eb23616986112747f', class: "stzh-carousel__indicator-track" }, index.h("div", { key: 'd16e8253df0b01fe8381addfe3cf2994c71ac524', class: "stzh-carousel__indicator-thumb", style: {
                 left: `${(100 / (((_a = this.slideElements) === null || _a === void 0 ? void 0 : _a.length) || 1)) * this.slide}%`,
                 width: `${(100 / (((_b = this.slideElements) === null || _b === void 0 ? void 0 : _b.length) || 1)) * this.currentSlides || 0}%`,
             } }))))));

package/dist/cjs/stzh-chart.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index$2 = require('./index-Cj3dPOnE.js');
+var index$2 = require('./index-DLshBNi6.js');
 function ascending$3(a, b) {
   return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
@@ -30257,7 +30257,7 @@ const StzhChart = class {
         const classes = {
             "stzh-chart": true,
         };
-        return (index$2.h(index$2.Host, { key: '0b184f853a718b83768e563d01a41d91d0d4887f' }, index$2.h("div", { key: '09f952dfd2d028c513420fe0e010b79059f5d490', class: classes }, index$2.h("div", { key: '5b6598d54e9aa29b3c944c0e0c3f887da05718a8', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), index$2.h("slot", { key: '651fdc4e70f80b2a7424816ddb9949c21a9ae788', name: "caption" }))));
+        return (index$2.h(index$2.Host, { key: '20ba86fe7721b0f21f48e4b5a28a5be56518927e' }, index$2.h("div", { key: '69f96a271c0db6c6feb01ddf253fd8b20c7a8cd1', class: classes }, index$2.h("div", { key: 'c5eb602d02a7ce5c79171df2e0d0eee3a5227cee', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), index$2.h("slot", { key: '87028fb4ccb8260e0f247b389d97aa5817da90d7', name: "caption" }))));
     }
     get element() { return index$2.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-checkbox.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
-var stzhInputDescription = require('./stzh-input-description-IeBc75qD.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
+var stzhInputDescription = require('./stzh-input-description-CSsYU8AB.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhCheckboxCss = () => `.sc-stzh-checkbox-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-checkbox-h,[stzh-hidden].sc-stzh-checkbox-h{display:none}.sc-stzh-checkbox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkbox-h *.sc-stzh-checkbox,.sc-stzh-checkbox-h *.sc-stzh-checkbox::before,.sc-stzh-checkbox-h *.sc-stzh-checkbox::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-checkbox-h .has-focus.sc-stzh-checkbox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox{outline-style:none !important}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox::-moz-focus-inner{border:0 !important}.sc-stzh-checkbox-h{--label-color:var(--stzh-checkbox-label-color, var(--stzh-base-color));--label-hover-color:var(
@@ -38,6 +38,18 @@ const StzhCheckbox = class {
         this.hideOptional = false;
         /** Id for element which describes the input (this will be overwritten if description prop or slot is used) */
         this.a11yDescribedby = "";
+        /**
+         * Whether the component has meaningful default-slot content.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasDefaultSlot = false;
+        /**
+         * Indicates whether default-slot content detection has run at least once.
+         * Used to avoid rendering state-dependent markup before the slot content
+         * has been evaluated.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasResolvedDefaultSlot = false;
         this.focusedByInput = false;
         this.handleReset = async () => {
             this.checked = this.defaultChecked;
@@ -82,6 +94,19 @@ const StzhCheckbox = class {
                 originalEvent: event,
             });
         };
+        /**
+         * Re-evaluates default-slot content and updates the related render state.
+         * Becomes obsolete with implementation of PDESI-1908.
+         */
+        this.updateDefaultSlotState = () => {
+            const hasDefaultSlot = utils.hasDefaultSlotContent(this.element, ["stzh-checkbox"]);
+            if (this.hasDefaultSlot !== hasDefaultSlot) {
+                this.hasDefaultSlot = hasDefaultSlot;
+            }
+            if (!this.hasResolvedDefaultSlot) {
+                this.hasResolvedDefaultSlot = true;
+            }
+        };
     }
     resetListener(event) {
         if (event.target.contains(this.element)) {
@@ -111,6 +136,9 @@ const StzhCheckbox = class {
             this._error = [];
         }
     }
+    componentDidLoad() {
+        this.updateDefaultSlotState();
+    }
     async componentWillLoad() {
         this.inputId = `stzh-checkbox-${checkboxCounter++}`;
         this.errorWatcher(this.error);
@@ -124,6 +152,8 @@ const StzhCheckbox = class {
         const descriptionUsed = utils.hasSlot(this.element, "description") || !!this.description;
         const descriptionLongUsed = utils.hasSlot(this.element, "description-long") || !!this.descriptionLong;
         const errorUsed = utils.hasSlot(this.element, "error") || ((_a = this._error) === null || _a === void 0 ? void 0 : _a.length) > 0;
+        const labelUsed = !!this.label || this.hasDefaultSlot;
+        const labelWrapperUsed = !this.hasResolvedDefaultSlot || labelUsed || descriptionLongUsed;
         const classes = {
             "stzh-checkbox": true,
             "stzh-checkbox--has-description": descriptionUsed,
@@ -134,11 +164,11 @@ const StzhCheckbox = class {
             "stzh-checkbox--is-disabled": this.disabled,
             "stzh-checkbox--is-checked": this.checked,
         };
-        return (index.h(index.Host, { key: 'ee66a3c7da1690b5154ece2c6878a903d4e75853', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '6d9e3bf14181bc000e06b587d6e113860598c39f', class: classes }, index.h("label", { key: 'f50c981284786831418c85f6475f977a9e8e6207', class: "stzh-checkbox__field-wrapper" }, index.h("input", { key: 'e1561366f70753b11e05e2efacc0dcbff347e813', class: "stzh-checkbox__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: 'b4918a2cbc6a25bb16274abe5ae6eef0f9e33547', class: "stzh-checkbox__mark" }, index.h("div", { key: '79373968d04de3ad500d0930a0ffb4ef18dfd37c', class: "stzh-checkbox__check", "aria-hidden": "true" })), index.h("div", { key: '3529c5534028f5cee9cb92909e7cbf676cb26168', class: "stzh-checkbox__label" }, this.label ? (this.label) : (index.h("span", { class: "stzh-checkbox__label-slot" }, index.h("slot", null))), !this.hideOptional && (index.h("span", { key: 'e17de9e0483206d674bb6dd866f021d80c523447', class: "stzh-checkbox__marker" }, index.h("span", { key: '98c33a8020b792b813ecd920dae89afd1cabd636', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '3cfd0dc2c0ed15c08bb40f0c2f05ab470ee7757f', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '07cd66f1b94915d3fdd5eca263c6760dafb92230', class: classes }, labelWrapperUsed && (index.h("label", { key: '05cd36db80beec8f0d44bffb22fd1539bfbcb223', class: "stzh-checkbox__field-wrapper" }, index.h("input", { key: '0600530b2e683548ca91454729c73cee32accccf', class: "stzh-checkbox__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: '724fb80111631f195c3fa50a29ae430eaba4fe75', class: "stzh-checkbox__mark" }, index.h("div", { key: '64d91f126462e6cb445dc0fc5caf30bfcb76e911', class: "stzh-checkbox__check", "aria-hidden": "true" })), index.h("div", { key: '70ae80340fc89e16ee2b397fc1e7eb3ce21566c4', class: "stzh-checkbox__label" }, this.label ? this.label : index.h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (index.h("span", { key: '5433da8313be87527d78dc91a037c9cc60f90c1b', class: "stzh-checkbox__marker" }, index.h("span", { key: '0f70171a96236cc6aa0bae7bb71a78ba10e69aef', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '9c7eb6c0626012609829409767280726a7690966', class: "stzh-checkbox__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'a87b0cf0cfb7909074c13ccf44ca1db121775a3a', class: "stzh-checkbox__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '3e2d4ced637886535accad1eefa81e5d6991e80f', classPrefix: "stzh-checkbox", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '61f5a0b9933453e57783d79d483e2e70c94a9ee5', classPrefix: "stzh-checkbox", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '909fd1779b5d72a89783ee90a281805ac0e75b2e', classPrefix: "stzh-checkbox", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'df4c31068bd0b90a905eaaebd45db84666630c2a', classPrefix: "stzh-checkbox", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-checkboxgroup.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 var stringUtils = require('./string-utils-BhUgGAtN.js');
-var stzhInputDescription = require('./stzh-input-description-IeBc75qD.js');
+var stzhInputDescription = require('./stzh-input-description-CSsYU8AB.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}.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)}`;
@@ -189,11 +189,11 @@ const StzhCheckboxgroup = class {
             "stzh-checkboxgroup--hide-legend": this.hideLegend,
             [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (index.h(index.Host, { key: '2ec75243e3789e09e8a8b49338ab6801a844fd96', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: '3149e4dff13d900c6d644173ea8b5d7f6274df1e', class: classes }, legendUsed && (index.h("legend", { key: 'a1831fd9f8a697c8f931d029a7787260d10247a8', class: "stzh-checkboxgroup__legend" }, this.legend && (index.h("span", { key: '89d96b7da45169e1b29a78074424dbe167e0ae35', class: "stzh-checkboxgroup__legend-text" }, this.legend, !this.hideOptional && (index.h("span", { key: '9dc77fdd2f69bbe67edfe9d2954e6fd4adecdcc3', class: "stzh-checkboxgroup__marker" }, index.h("span", { key: 'f9a8d707bc34bd1d121f6e0555b937369358f28d', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '720872ca7386fc428b0dc8882817030f3b6dd81d', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: 'fee8021a63f01abe04b22f9d773ed4adbe9754c6', class: classes }, legendUsed && (index.h("legend", { key: 'c794e19cc927c9114b4fea02ac8835ee2e5676d1', class: "stzh-checkboxgroup__legend" }, this.legend && (index.h("span", { key: '433880ceb11ca1d84a076fbbd3fe272e611fd039', class: "stzh-checkboxgroup__legend-text" }, this.legend, !this.hideOptional && (index.h("span", { key: '4d19a918e6ee2101c6215733143184330ad10ba3', class: "stzh-checkboxgroup__marker" }, index.h("span", { key: 'bdaf281618d6676b96ab78b345ff6bdd8291294c', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '8a3aee7c90442126f3bb79575a656de88fb8b0ce', class: "stzh-checkboxgroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '03a501a4db35dda2cfbb808c1ef6dda910be6021', class: "stzh-checkboxgroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '8fcca62e9d2626369a83bc95c5c0ba435c1ea8fc', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), index.h("div", { key: '7a7862714d84d0e18d55b356516b1354a29c83ca', class: "stzh-checkboxgroup__fields" }, index.h("slot", { key: '0fb7bbd616158752878038d0d868a8f2321d5bbe' })), (this.errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'fb81ec660f839d7d689228289a9643fd13607369', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '4665d6b6604c61dfca4fb8fd8cd49b51cf652fa6', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), index.h("div", { key: '49027931041b7171435c8b0669180c7e943b3b14', class: "stzh-checkboxgroup__fields" }, index.h("slot", { key: 'bfbf3b35d0db6449788826d3ac63547dd4def04b' })), (this.errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '6e204732081c61ae65e8728dd3fa1d961f4e6dd6', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-chip_2.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var stzhInputDescription = require('./stzh-input-description-IeBc75qD.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var stzhInputDescription = require('./stzh-input-description-CSsYU8AB.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhChipCss = () => `.sc-stzh-chip-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-chip-h,[stzh-hidden].sc-stzh-chip-h{display:none}.sc-stzh-chip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::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-chip-h .has-focus.sc-stzh-chip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip{outline-style:none !important}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip::-moz-focus-inner{border:0 !important}.sc-stzh-chip-h{--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}@media screen and (min-width: 900px){.sc-stzh-chip-h{--outer-height:auto}}.sc-stzh-chip-h{--color:var(--stzh-chip-color, var(--stzh-color-primary70));--remove-color:var(--color);--remove-border-radius:1.5rem;--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--icon-size:var(--stzh-icon-size-xsmall);--icon-color:var(--color);--icon-gap:var(--stzh-space-xsmall);--counter-color:var(--color);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(
@@ -126,7 +126,7 @@ const StzhChip = class {
             [`stzh-chip--${this.variant}`]: !!this.variant,
         };
         const Chip = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (index.h(index.Host, { key: 'c2d6807463fe7613b47d6bd461456e3562895599', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'fc21b4bf6596cbf5af87cbef37c56a8ca368b515', class: classes }, this.removable && (index.h("button", { key: '9b749e905aa5e1327ed4189d26fb34e62f9fbf17', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, index.h("stzh-icon", { key: '71156186f893429de5414f2d425fa7067ce0907d', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (index.h(Chip, { ref: el => (this.chip = el), class: {
+        return (index.h(index.Host, { key: 'd6c5c3b59b8ecd7029f2437f932111b60fbbaee5', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'c085e6b54bcbc6bfe7f1db37ddda87f0c2a963c9', class: classes }, this.removable && (index.h("button", { key: 'c583264824d269d128ef57a953466463b28296d9', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, index.h("stzh-icon", { key: '9f2b6bc03d112825ee1811a60d15c54c27fec837', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (index.h(Chip, { ref: el => (this.chip = el), class: {
                 "stzh-chip__button": true,
                 "is-button": !this.nonInteractive && !this.href,
                 "is-link": !this.nonInteractive && !!this.href,
@@ -396,12 +396,12 @@ const StzhChipselect = class {
             "stzh-chipselect--is-required": this.required,
             "stzh-chipselect--has-label-hidden": this.labelHidden,
         };
-        return (index.h(index.Host, { key: '6d2c378e763f9846d5bcef6fbdf00f24956046a5', "is-invalid": this.invalid || errorUsed }, index.h("div", { key: '8c6db8e943fa6c1d9728f895fea83f6e95dd30db', class: classes }, !this.useDropdownOnMobile &&
-            (this.multiple ? (index.h(index.Fragment, null, this._value.map(value => (index.h("input", { type: "hidden", name: this.name, value: value }))))) : (index.h("input", { type: "hidden", name: this.name, value: this.value }))), !this.useDropdownOnMobile && labelWrapperUsed && (index.h("div", { key: '939cf90d05cc4a7677287d41992366a9024a1258', class: "stzh-chipselect__label-wrapper" }, index.h("label", { key: '3e6d0006b9f8b6a5aa696969150aac1342ef6717', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '8072a604dc9304930a2d8b88083a4c3d9ad1e625', class: "stzh-chipselect__marker" }, index.h("span", { key: 'd5fd00632be1a47cc07ca936133ca1d4d79fc6ab', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '05ab7504d218a6292c49e110130200f0554cdd0a', "is-invalid": this.invalid || errorUsed }, index.h("div", { key: '9d1ca4121ccf5b0cca470b825a3013eb28678788', class: classes }, !this.useDropdownOnMobile &&
+            (this.multiple ? (index.h(index.Fragment, null, this._value.map(value => (index.h("input", { type: "hidden", name: this.name, value: value }))))) : (index.h("input", { type: "hidden", name: this.name, value: this.value }))), !this.useDropdownOnMobile && labelWrapperUsed && (index.h("div", { key: 'd8d8a5a86faf5ada89e69412de983bd4879b0c58', class: "stzh-chipselect__label-wrapper" }, index.h("label", { key: '25511e529d9bebfe0f2297f679716caca3bdc95b', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '5225daf3a443d28a5da915fb262b288381763c49', class: "stzh-chipselect__marker" }, index.h("span", { key: 'd0da978f5e09c1f7fa94e02f890989d4b9cd69d9', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'f501bb9f1e8c132f639ed72ca195eb1a669c167c', class: "stzh-chipselect__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'c1bf469c695d35d21969ae80848c3135f46c32d4', class: "stzh-chipselect__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '9ff27d167b8cbac6770de6c0bfbb9121a329c9ef', classPrefix: "stzh-chipselect", id: `${this.id}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), this._data.length > 0 && (index.h(index.Fragment, { key: '130d007cfa576382f900029823900bbc16f5b8b2' }, !this.useDropdownOnMobile ? (index.h(index.Fragment, null, index.h("div", { id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": activeId, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index$1) => (index.h("stzh-chip", { role: "option", class: {
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '37a97e0660c0a5da100332e96246ba8fb6a29a4d', classPrefix: "stzh-chipselect", id: `${this.id}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), this._data.length > 0 && (index.h(index.Fragment, { key: '5d1b7d2738ae981aba22b1c6d46a002598f16e4a' }, !this.useDropdownOnMobile ? (index.h(index.Fragment, null, index.h("div", { id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": activeId, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index$1) => (index.h("stzh-chip", { role: "option", class: {
                 "stzh-chipselect__chip": true,
                 "is-focused": this.activeFocusOptionIndex === index$1,
             }, label: data.label, counter: data.counter, icon: data.icon, variant: data.variant || "filter", inverted: data.inverted, size: data.size || "small", disabled: this.disabled || data.disabled, active: this._value.includes(data.value) ||
@@ -414,7 +414,7 @@ const StzhChipselect = class {
                     this.multiple &&
                     (this._value.length === 0 || (this._value.length === 1 && this._value[0] === "")))
                 ? "true"
-                : "false", id: `${this.id}-option-${index$1}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index$1) })))))) : (index.h("stzh-dropdown", { class: "stzh-chipselect__dropdown", name: this.name, multiple: this.multiple, disabled: this.disabled, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, required: this.required, invalid: this.invalid, items: this.multiple ? this._value : this._value.length > 0 ? [this._value[0]] : [], label: this.label, labelHidden: this.labelHidden, options: this._dataDropdown, hideOptional: this.hideOptional, onStzhChange: this.handleDropdownChange })))), !this.useDropdownOnMobile && (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '74c035663687909bf314c14223de6b16893fd9f7', classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+                : "false", id: `${this.id}-option-${index$1}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index$1) })))))) : (index.h("stzh-dropdown", { class: "stzh-chipselect__dropdown", name: this.name, multiple: this.multiple, disabled: this.disabled, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, required: this.required, invalid: this.invalid, items: this.multiple ? this._value : this._value.length > 0 ? [this._value[0]] : [], label: this.label, labelHidden: this.labelHidden, options: this._dataDropdown, hideOptional: this.hideOptional, onStzhChange: this.handleDropdownChange })))), !this.useDropdownOnMobile && (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '4614585a3e7594fda4fc34e3d75961750e44e8e3', classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-chipgroup.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhChipgroupCss = () => `.sc-stzh-chipgroup-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-chipgroup-h,[stzh-hidden].sc-stzh-chipgroup-h{display:none}.sc-stzh-chipgroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipgroup-h *.sc-stzh-chipgroup,.sc-stzh-chipgroup-h *.sc-stzh-chipgroup::before,.sc-stzh-chipgroup-h *.sc-stzh-chipgroup::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-chipgroup-h .has-focus.sc-stzh-chipgroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipgroup-h .stzh-fylingfocus-focused.sc-stzh-chipgroup{outline-style:none !important}.sc-stzh-chipgroup-h .stzh-fylingfocus-focused.sc-stzh-chipgroup::-moz-focus-inner{border:0 !important}.stzh-chipgroup.sc-stzh-chipgroup{display:flex;gap:var(--stzh-space-medium)}`;
@@ -12,7 +12,7 @@ const StzhChipgroup = class {
         const classes = {
             "stzh-chipgroup": true,
         };
-        return (index.h(index.Host, { key: 'e4ce274f5c60a037e687c1b1322f59541ddd9177' }, index.h("div", { key: '037adda0d54be28ecb1e173a12523414104ad1ea', class: classes }, index.h("slot", { key: '9d3a9fef07bdd1f580e74f4340b3bb137a3c52a3' }))));
+        return (index.h(index.Host, { key: '01a9b227482fa146d4ed9c1d5bd984ffcaad9733' }, index.h("div", { key: 'c3e49714cef6f0edcfbdd903161e485ae5451ba8', class: classes }, index.h("slot", { key: 'd1c4f5b93ccaf72e6dabeaec0ccd4b2226ff5e94' }))));
     }
     get element() { return index.getElement(this); }
 };