npm - @oiz/stzh-components - Versions diffs - 4.6.0 → 4.7.0 - Mend

@oiz/stzh-components 4.6.0 → 4.7.0

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

Files changed (689) hide show

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

@@ -1,4 +1,4 @@
-import { S as StzhAccordionItem$1, d as defineCustomElement$1 } from './p-e25baa50.js';
+import { S as StzhAccordionItem$1, d as defineCustomElement$1 } from './p-8e42dbab.js';
 const StzhAccordionItem = StzhAccordionItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as StzhAccordion$1, d as defineCustomElement$1 } from './p-cac39de3.js';
+import { S as StzhAccordion$1, d as defineCustomElement$1 } from './p-b38507d2.js';
 const StzhAccordion = StzhAccordion$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as StzhActions$1, d as defineCustomElement$1 } from './p-7969eeb6.js';
+import { S as StzhActions$1, d as defineCustomElement$1 } from './p-38e34484.js';
 const StzhActions = StzhActions$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as StzhActionset$1, d as defineCustomElement$1 } from './p-2c27e000.js';
+import { S as StzhActionset$1, d as defineCustomElement$1 } from './p-33bb9ae6.js';
 const StzhActionset = StzhActionset$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$9 } from './p-b8fda153.js';
-import { d as defineCustomElement$8 } from './p-ec5e2f2a.js';
+import { d as defineCustomElement$9 } from './p-6a1a040f.js';
+import { d as defineCustomElement$8 } from './p-775cca3b.js';
 import { d as defineCustomElement$7 } from './p-b7348f8a.js';
-import { d as defineCustomElement$6 } from './p-3d9ce94f.js';
+import { d as defineCustomElement$6 } from './p-f07fda42.js';
 import { d as defineCustomElement$5 } from './p-60d4ef07.js';
-import { d as defineCustomElement$4 } from './p-28548919.js';
+import { d as defineCustomElement$4 } from './p-8c402b5e.js';
 import { d as defineCustomElement$3 } from './p-472ab25f.js';
 import { d as defineCustomElement$2 } from './p-519479b8.js';
@@ -148,7 +148,7 @@ const StzhAmount$1 = /*@__PURE__*/ proxyCustomElement(class StzhAmount extends H
             "stzh-amount--is-required": !!this.required,
             "stzh-amount--is-disabled": !!this.disabled,
         };
-        return (h(Host, { key: '13b837b6184712c75e7f56e7bb5f914005710f9c', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '0c37ca6ca698ddea28dd00198799455c35030b87', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
+        return (h(Host, { key: '18991ca74d906ef97b3a2ad66265e7eea781b507', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b2c03e17053da541ef0b829ae3a54280ade4d8e9', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$5 } from './p-b8fda153.js';
-import { d as defineCustomElement$4 } from './p-51253a86.js';
+import { d as defineCustomElement$5 } from './p-6a1a040f.js';
+import { d as defineCustomElement$4 } from './p-a94140df.js';
 import { d as defineCustomElement$3 } from './p-60d4ef07.js';
-import { d as defineCustomElement$2 } from './p-2d80d228.js';
+import { d as defineCustomElement$2 } from './p-31108932.js';
 const stzhAnchornavCss = ".sc-stzh-anchornav-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-anchornav-h,[stzh-hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::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-anchornav-h .has-focus.sc-stzh-anchornav{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-anchornav-h .stzh-fylingfocus-focused.sc-stzh-anchornav{outline-style:none !important}.sc-stzh-anchornav-h .stzh-fylingfocus-focused.sc-stzh-anchornav::-moz-focus-inner{border:0 !important}.sc-stzh-anchornav-h{--color:var(--stzh-anchornav-color, var(--stzh-color-primary));--hover-color:var(--stzh-anchornav-hover-color, var(--stzh-color-primary))}.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xxxlarge)}}.stzh-anchornav__list.sc-stzh-anchornav{display:grid;gap:var(--stzh-space-xsmall)}.stzh-anchornav__item.sc-stzh-anchornav{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:var(--stzh-space-xsmall);align-items:start;padding:var(--stzh-space-medium) 1.25rem;background-color:var(--stzh-color-grey10);color:var(--color);text-decoration:none}@media screen and (min-width: 600px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:var(--stzh-space-xxxlarge);padding-right:var(--stzh-space-large)}}.stzh-anchornav__item.sc-stzh-anchornav:hover{color:var(--hover-color)}";
 const StzhAnchornavStyle0 = stzhAnchornavCss;
@@ -51,7 +51,7 @@ const StzhAnchornav$1 = /*@__PURE__*/ proxyCustomElement(class StzhAnchornav ext
         const classes = {
             "stzh-anchornav": true,
         };
-        return (h(Host, { key: 'b1af877dbff2500e43ab440a170b1811e4520989' }, h("nav", { key: 'bf14abeb8f4fe01cbe5ae2d64f0edfb13431a999', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: 'e570eb008a0c917ad0e368d3b08e50645cdbb52f', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
+        return (h(Host, { key: '67b0af9e8bba94b23e97c38ea2c208728cea6753' }, h("nav", { key: '30178218a23f0c0b58be30746df0a5576bd92400', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: '045070a0946f5875ebea67cfaba955fe53695181', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-app-nav.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhAppNav$1, d as defineCustomElement$1 } from './p-27688347.js';
+import { S as StzhAppNav$1, d as defineCustomElement$1 } from './p-bec99b6c.js';
 const StzhAppNav = StzhAppNav$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
 import { t as tc } from './p-37c9ec06.js';
-import { p as parseISODate, a as printISODate, d as defineCustomElement$b } from './p-1f315034.js';
+import { p as parseISODate, a as printISODate, d as defineCustomElement$b } from './p-626168f9.js';
 import { h as hasSlot } from './p-289f5de2.js';
-import { d as defineCustomElement$d } from './p-b8fda153.js';
-import { d as defineCustomElement$c } from './p-ec5e2f2a.js';
-import { d as defineCustomElement$a } from './p-a3e94f5e.js';
-import { d as defineCustomElement$9 } from './p-3d9ce94f.js';
+import { d as defineCustomElement$d } from './p-6a1a040f.js';
+import { d as defineCustomElement$c } from './p-775cca3b.js';
+import { d as defineCustomElement$a } from './p-b379f4ca.js';
+import { d as defineCustomElement$9 } from './p-f07fda42.js';
 import { d as defineCustomElement$8 } from './p-60d4ef07.js';
-import { d as defineCustomElement$7 } from './p-28548919.js';
-import { d as defineCustomElement$6 } from './p-2d80d228.js';
+import { d as defineCustomElement$7 } from './p-8c402b5e.js';
+import { d as defineCustomElement$6 } from './p-31108932.js';
 import { d as defineCustomElement$5 } from './p-472ab25f.js';
 import { d as defineCustomElement$4 } from './p-0f94b704.js';
 import { d as defineCustomElement$3 } from './p-63080941.js';
@@ -266,7 +266,7 @@ const StzhAppointments$1 = /*@__PURE__*/ proxyCustomElement(class StzhAppointmen
             "stzh-appointments--has-appointments-title": this.showAppointmentsTitle,
             "stzh-appointments--has-sort": this.showSort,
         };
-        return (h(Host, { key: '5047a8b34d1d9b1cc0019f617bdb65e370829dfe', "has-heading": headingUsed }, h("div", { key: '5ff934ffa9f5152d86e0b8684f8efca1ca30538a', class: classes }, h("div", { key: 'bd74515020eb2953b9d18e398ff2d036b0a13be1', class: "stzh-appointments__heading" }, h("slot", { key: '98ca7d2c91adcb08d808f5ecfdea2128b66e3084', name: "heading" })), h("div", { key: '5c42d5c742084fdd8d7cc5b0a60353c1dd7b525e', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: 'ac52f511b40b90c53c844154c09b789e4158e8f5', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: 'd6cc5ef7fe65de66aa7231f58ed0c72f726fc9e2', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: 'e6b059853b1699c05f2c576daee4af9724183a48', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: '1517008cdfffcfdbe55621ce8b5562571cfb5ac2', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: '89c7df8d3d8fd0d5fe0750c2b128f189305d3bf0', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: '9a0a82a30f7563852c5d3abc1ecfcf9eccf60931', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: '448007c90836937a5b27d24e71b81c99789485cd', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: '2b1bdc25171b55bf1b5c9e9731412d4107ed59aa', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: '15d930cdae9a17bff15f19de06eb164c2ec01e4c', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: 'f0ff51cf025de4cbb0b53b508999645e62120704', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: 'a8e7367160d14f811804c2835044da49ad0825d5', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: '27eae77bde74e137ab830312d585852baa9e0da6', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: '5cd7dcca6c0c6386d2ae6bba23c58247cbfdc3bb', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: 'a9d444ddb2b4e5d5f29c886a6f29b951dee46123', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: 'f31f07f669a8eedbdf33695137673256f24fa87c', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: 'b5990b6cd7255c02b008499fc717e2e4b29e2bb4', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: 'a790e0fe7160bc14a81508ac8a3fb11dd7566649', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: '4cc29bfb7e1eacd24b738e8d8e152b61bee719ac', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), h("div", { key: '8108658e43aaaa0fc65944bd3cdf91e4519aa170', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: '868392f929e999a31e26f920fe7c52799572ae15', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: '6840c224cc1572a1132a2ab63f85bde1fe352d1e', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
+        return (h(Host, { key: 'f8b508a5a7ae9a34ea251303bc9ff3ac6f0d3d5e', "has-heading": headingUsed }, h("div", { key: 'c9dd2f36055a1938bdf2dd91d00906e953227d87', class: classes }, h("div", { key: '7c20767305d09a735c5d1369b619ad353588e2db', class: "stzh-appointments__heading" }, h("slot", { key: '423165796c578202b805f64fb2609dded2334360', name: "heading" })), h("div", { key: 'f12d802502964f7b9d4e980106021c39a1d6dcf1', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: '2872cdf5d6c9d021910973d404ca7011e5101365', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: '339445c3230edede656a0b1013002ed8b69710e7', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '5b05d9f1f43455f6ad98eacfaea2ba647a6a766e', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: '4c17bae9a582ddded29757d2bc8200da12e05d74', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: '4b9062002ed551cf0291e7bc44e38a6430bdac57', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: '89e8a1739a7a7030f13b5601b7461983545a8c0a', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: '62d966aa36fb2adf073b00fa2efb875a72e27e9a', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: 'a3166a599363463361e88b74a53acebaf3cf1588', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: '4de0cc47b30b6f60bd4f45fa5532628bcda8489c', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: '217e85e4453e1ea215b198fae02e6eb027c200df', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: 'fdcb194ac85ef791223eb9198a7f92ce43ef3bbb', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: '26b25d12346f0380224639f3cde67e7decd86ada', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: '077a5b4642a5f81fabb5a8260427b04533f58857', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: 'b3e297ddac8ca11dbf834508236ec4c6b1736417', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: '06e4f5ad42be3be6f199ac33a76870ba1cd665ef', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: '03fd212c2bfb1744d22dda2b14645e97bc06f516', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: '9f88214aa4910eff055b681ca8f60d2a4d4773f8', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: '88bbcb6b38b6e1f72def8771c2ce09044a58528e', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), h("div", { key: '600a9251421f315e7ea639915ce4e5aefe8bffcb', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: 'db216986e1bac232e155fc4cf948252dcde7376e', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: 'd787a30578bc16c02b74d4fb5d50799f46041546', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$7 } from './p-b8fda153.js';
-import { d as defineCustomElement$6 } from './p-ec5e2f2a.js';
-import { d as defineCustomElement$5 } from './p-51253a86.js';
+import { d as defineCustomElement$7 } from './p-6a1a040f.js';
+import { d as defineCustomElement$6 } from './p-775cca3b.js';
+import { d as defineCustomElement$5 } from './p-a94140df.js';
 import { d as defineCustomElement$4 } from './p-694da289.js';
 import { d as defineCustomElement$3 } from './p-60d4ef07.js';
-import { d as defineCustomElement$2 } from './p-2d80d228.js';
+import { d as defineCustomElement$2 } from './p-31108932.js';
 const stzhArchivelistCss = ".sc-stzh-archivelist-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-archivelist-h,[stzh-hidden].sc-stzh-archivelist-h{display:none}.sc-stzh-archivelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-archivelist-h *.sc-stzh-archivelist,.sc-stzh-archivelist-h *.sc-stzh-archivelist::before,.sc-stzh-archivelist-h *.sc-stzh-archivelist::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-archivelist-h .has-focus.sc-stzh-archivelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist{outline-style:none !important}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist::-moz-focus-inner{border:0 !important}.stzh-archivelist__list.sc-stzh-archivelist{display:grid;gap:var(--stzh-space-medium)}.stzh-archivelist__item.sc-stzh-archivelist{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);background-color:var(--stzh-color-grey10);color:var(--stzh-color-grey80);text-decoration:none;padding:var(--stzh-space-large);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-archivelist__item.sc-stzh-archivelist:hover{background-color:var(--stzh-color-secondary10)}.stzh-archivelist__dateline.sc-stzh-archivelist{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);margin-bottom:var(--stzh-space-medium)}.stzh-archivelist__label.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line)}.stzh-archivelist__description.sc-stzh-archivelist{margin-top:var(--stzh-space-xsmall)}.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxlarge);display:flex;justify-content:center}@media screen and (min-width: 900px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxxlarge)}}.stzh-archivelist__heading.sc-stzh-archivelist{margin-bottom:var(--stzh-space-medium)}";
 const StzhArchivelistStyle0 = stzhArchivelistCss;

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

@@ -4140,7 +4140,7 @@ const StzhAudio$1 = /*@__PURE__*/ proxyCustomElement(class StzhAudio extends H$1
         const classes = {
             "stzh-audio": true,
         };
-        return (h$2(Host, { key: '3d40486913fd3db68cdaae0a44ac3897ad0c1860' }, h$2("vds-media", { key: 'ec112a23ebed3ad1e4a421dd2af7becc7369a1c4', class: classes }, h$2("vds-audio", { key: '54668d3a8ffd91d8b95e75d37972ad5bbe4b8a59', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (h$2(Host, { key: '885601f7a8fe5c0014037fa56a05489c2dbeb75c' }, h$2("vds-media", { key: '21155299364b2c673cdda4f789ad610010b6973b', class: classes }, h$2("vds-audio", { key: 'd212afbaaa75a4c55052fbd978c864ce736420f1', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
                 this.stzhPlay.emit({ component: "stzh-audio" });
             }, "onVds-playing": () => {
                 this.stzhPlaying.emit({ component: "stzh-audio" });
@@ -4152,11 +4152,11 @@ const StzhAudio$1 = /*@__PURE__*/ proxyCustomElement(class StzhAudio extends H$1
                 this.stzhReplay.emit({ component: "stzh-audio" });
             }, "onVds-error": (e) => {
                 this.stzhError.emit({ component: "stzh-audio", originalEvent: e });
-            } }, h$2("audio", { key: 'c94636199a8211ff5bd75bb496e68031aeeb10c4', preload: this.preload, src: this.src }, h$2("slot", { key: '86fc4510fa916bf2aec88426b66f2ba0f2df3243' }))), h$2("div", { key: 'c1fdd5c1bf08adc5a456324acd1f0b0c520d0ab2', class: "stzh-audio__controls" }, h$2("div", { key: '68835b5ea7ccfeaf7e2721b319dc666a2eab9776', class: "stzh-audio__loader-overlay" }, h$2("stzh-loader", { key: '6a5bcb4b1dc3ed89eb79a45cd27383a3589a2ca1', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h$2("div", { key: '36068388a784a44ee0f078d4c2b2e7aec7fe9ec6', class: "stzh-audio__controls-top" }, h$2("vds-time-slider", { key: 'eec8665ca50864323657e2374f48d187ea0b18d6', class: "stzh-audio__slider is-time" }, h$2("div", { key: '130c8ec09f559a204ee96cfd71eccb7d7c3b2395', class: "stzh-audio__slider-track" }), h$2("div", { key: '3ac50a1ca64ec490fb4bfb7c211acd664caf606e', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: '2a23e42979ef03f05bb214f5a743e96a165bd627', class: "stzh-audio__slider-thumb-container" }, h$2("div", { key: 'c91ef0e535b6865136dd102fa561a1021c75fb54', class: "stzh-audio__slider-thumb" })), h$2("div", { key: '50616eb7ff226e5e29949aafad71942b763f7f47', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: '050222b05c938f4be7a68d7dbd93c014314af5eb', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h$2("div", { key: 'cd6dae954f1ce7558ed18f13bf59cc4967cceb03', class: "stzh-audio__controls-bottom" }, h$2("div", { key: '1c2d78dd7981a8c335249208ff6c881d4ef10a98', class: "stzh-audio__controls-bottom-left" }, h$2("stzh-tooltip", { key: 'cbe5972295cc149c143b2001dccc6e195b67f712' }, h$2("vds-play-button", { key: '695ef0d7b6df092013c0b7db0e451ae444a6cc8b', class: "stzh-audio__button is-play" }, h$2("stzh-icon", { key: 'f00ff99cf2db18f35d36e37663ce863ce7d62d44', class: "stzh-audio__played", name: "play" }), h$2("stzh-icon", { key: 'e6f4ca3cf3cf4380c83c111a345253f109416c4e', class: "stzh-audio__paused", name: "pause" })), h$2("span", { key: '84dffcda489971f55818055bfdd5f467159a3421', slot: "content" }, h$2("span", { key: '85df5a2af24e8a0746a776593d251d08ac393cd9', class: "stzh-audio__played" }, this.localization.play), h$2("span", { key: '20e71be05fd9edee13ef0da3941ba6838ebb97c5', class: "stzh-audio__paused" }, this.localization.pause))), h$2("div", { key: 'ace4a4b0bafc60984388e357dd1e508dd43ca1c2', class: "stzh-audio__time" }, h$2("vds-time", { key: 'fa24daf3af3862b0067ae72749042dc125ca61bf', type: "current" }), h$2("span", { key: 'dad9106498b30ccfe851f250d75d0e138b439f02', class: "stzh-audio__time-separator" }, "/"), h$2("vds-time", { key: '2f5733ad580c78a1985483125d3254f430356cb0', type: "duration" })), h$2("stzh-tooltip", { key: 'd7aee440b11568d42c2e03ad8312056a606d45d8' }, h$2("vds-mute-button", { key: '7c842413fba97a286989d662fedfe43777d5401b', class: "stzh-audio__button is-mute" }, h$2("stzh-icon", { key: 'eb4b593b06d85a7bb2334625d1d7258651b1af94', class: "stzh-audio__muted", name: "volume-medium" }), h$2("stzh-icon", { key: '41238af0eeb3148416561efa0823d091a0169dc9', class: "stzh-audio__unmuted", name: "silent-mode" })), h$2("span", { key: '92c79322db2691e45dc28ed0c2b7a00768655936', slot: "content" }, h$2("span", { key: '31f89ac113c48f7e3904121b1cf8fbce001cf1b2', class: "stzh-audio__muted" }, this.localization.mute), h$2("span", { key: 'feb640737ef68e5997095eb8f9ba077e7e9aa1e5', class: "stzh-audio__unmuted" }, this.localization.unmute))), h$2("vds-volume-slider", { key: 'fae7ee452e0ac5bc24865460014a5a1380015822', class: "stzh-audio__slider is-volume" }, h$2("div", { key: '54399b7b75930da1323dbf2fa5922974edaa0287', class: "stzh-audio__slider-track" }), h$2("div", { key: 'fa45a8c1a853a53191367d88081e82d6b96feb74', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: '377958d28409aa8dd324e077346c54a5b574c704', class: "stzh-audio__slider-thumb-container is-shown" }, h$2("div", { key: '0899b146ebed8f9424ab60663dd3f443ffd2a66a', class: "stzh-audio__slider-thumb" })), h$2("div", { key: 'fed9fbe923795d5fd9a1568dad6bf7acd5bf02cf', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: '7f2245dd71fe904a31901bc5c9d6f39d64e63464', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h$2("div", { key: 'e79b2e14c9843b7d58b0e00ef417e0f16107a97d', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h$2("stzh-tooltip", { key: 'f8b9f8e104204f35a15d4a8d3928b959f253b99f', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h$2("button", { key: '5b406fa80c75f55973356a720dd25e6d38856cbe', class: {
+            } }, h$2("audio", { key: '6ba0e5c27dee2af99d6a9d7a2acbd817167772b6', preload: this.preload, src: this.src }, h$2("slot", { key: '9f51c9d5930d17a2f0835e48167e00e1626fd894' }))), h$2("div", { key: '86f222f220eb660d181303fc6872b4d258ea7028', class: "stzh-audio__controls" }, h$2("div", { key: '5b79cbf64d8a15e9980490d81b69421b612327a0', class: "stzh-audio__loader-overlay" }, h$2("stzh-loader", { key: '6dea41eb0698c6b1edc60d67a045e9ebbf0bbab7', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h$2("div", { key: 'd291e01f791acdaed41e27f4a59a30672b8046ba', class: "stzh-audio__controls-top" }, h$2("vds-time-slider", { key: '7be7204516cafb8a4ddf579c5d675f595911d4c7', class: "stzh-audio__slider is-time" }, h$2("div", { key: 'ef739a8b0cc62feec421833c5054f79ff69383ec', class: "stzh-audio__slider-track" }), h$2("div", { key: 'c18f7787faa1877c0dd25e7969186a6dbc735fbb', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: '1ae54ecda3d2515aad18a2b30e7863c9a21019ad', class: "stzh-audio__slider-thumb-container" }, h$2("div", { key: '86d0ca6e05599b0baaaf45277607804f97973d04', class: "stzh-audio__slider-thumb" })), h$2("div", { key: '414d6d8429c32ec610d7ca59d85118420404a26e', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: 'ae5d5e00e19012c00f96803041e0d87172aae077', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h$2("div", { key: '8603fe1bb540db44f6cb3ce07943dbcd7610a2de', class: "stzh-audio__controls-bottom" }, h$2("div", { key: '1cfadf63f9d64a5d98580915cb166af5ef12629b', class: "stzh-audio__controls-bottom-left" }, h$2("stzh-tooltip", { key: '94f069444bdfa306743c522d0d579e5c59268303' }, h$2("vds-play-button", { key: 'e586ca819ea459b38d571e15e6c5b103f93e9cc4', class: "stzh-audio__button is-play" }, h$2("stzh-icon", { key: '19968ceae2d711d290fbb579f5212819b920eba3', class: "stzh-audio__played", name: "play" }), h$2("stzh-icon", { key: '79d25bec9a3a8793a67a7511ef72f01d946d087b', class: "stzh-audio__paused", name: "pause" })), h$2("span", { key: '498e1f86053b7349286f907948efb6d74c2a2f69', slot: "content" }, h$2("span", { key: '84a11708bca1e42bc94a40b8b6e1de790b92f847', class: "stzh-audio__played" }, this.localization.play), h$2("span", { key: '4d525f0932de2970c5a3d3d007ad037aaab621ce', class: "stzh-audio__paused" }, this.localization.pause))), h$2("div", { key: '113ab6048ba941159cd26da369871599a75c3f9f', class: "stzh-audio__time" }, h$2("vds-time", { key: '4f8087b94faac1275b7c38540a9533c777a6a97f', type: "current" }), h$2("span", { key: '1fea6f1af049bb9b3ea86f1ec594881c73054e11', class: "stzh-audio__time-separator" }, "/"), h$2("vds-time", { key: 'b15bc25b86646998a3fd3fabae0684667a9d34bc', type: "duration" })), h$2("stzh-tooltip", { key: '36db03b3ad70da9be228fdca7a1445702818c0e9' }, h$2("vds-mute-button", { key: 'e311bf1642bfcc4ee56cd8762973ce11bfe75214', class: "stzh-audio__button is-mute" }, h$2("stzh-icon", { key: 'b945d3d036f5c564320720fc4773cf091aa84d7a', class: "stzh-audio__muted", name: "volume-medium" }), h$2("stzh-icon", { key: '71ff72dba183189562ae30d6c7b8e5e10da4742b', class: "stzh-audio__unmuted", name: "silent-mode" })), h$2("span", { key: 'e513cb9be4e3f9ecbff108e2fc73df939c6c095c', slot: "content" }, h$2("span", { key: 'e6426812d304c9ecb236c1d6b6a73bd33faeeccc', class: "stzh-audio__muted" }, this.localization.mute), h$2("span", { key: '6a0b710d2806c6ff042ceb005e34ce676bc07fc3', class: "stzh-audio__unmuted" }, this.localization.unmute))), h$2("vds-volume-slider", { key: '7b9f1c591bba9013cfdebbb03f5d7819017885c2', class: "stzh-audio__slider is-volume" }, h$2("div", { key: '002c239c73bd2bcad2c5b24db187ee3ef7a8e8a0', class: "stzh-audio__slider-track" }), h$2("div", { key: '3b22febc2dd9326f97088920173a7b8b3441ba60', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: 'eaa4d21360febabd5de2583c5a663e7b3dc0ac4c', class: "stzh-audio__slider-thumb-container is-shown" }, h$2("div", { key: '9247ee52c0b9094c18a798b92485bed4d02890d3', class: "stzh-audio__slider-thumb" })), h$2("div", { key: 'a5d1519e92341eb5e7428cb27e66701ec1f1733a', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: 'aed7660cfee52e443c1dd7735475035facb46074', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h$2("div", { key: 'ef2a9db0e0b826b99488f28b63f12b8c3eea6362', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h$2("stzh-tooltip", { key: '30f6b75c9bdbd8e009871a3ad74911d46bdc7373', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h$2("button", { key: '983c80c814e7caa781e0edeaef1d86cc4349a585', class: {
                 "stzh-audio__button is-transcript": true,
                 "is-active": this.transcriptShown,
             }, onClick: () => (this.transcriptShown = !this.transcriptShown), "s-object-id": this.transcriptAnalyticsId ||
-                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h$2("stzh-icon", { key: '3f80795cdca511dc2d138f56976e8fca30e4f98e', name: "transcript" })))), h$2("stzh-tooltip", { key: '45478cb8b2e8ce687844587c796f688245d5319e', content: this.localization.download }, h$2("a", { key: 'b32dc022b0bee1522cb9e32842fbeb1ab998ecdb', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h$2("stzh-icon", { key: '102db5b5548d554b8353cecc84fafd2dc4e255e8', name: "download" })))))), h$2("div", { key: '8b5b5ca69143473f56051ad54c064fa1e0c3d718', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h$2("slot", { name: "transcript" })))));
+                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h$2("stzh-icon", { key: '60be245e803b80cffdf03e8186c9b95481afbbb3', name: "transcript" })))), h$2("stzh-tooltip", { key: 'aac897b3d58480c8b95e9d509e3731498427095a', content: this.localization.download }, h$2("a", { key: 'e75602c34aafcd32bf863c4fdbf4f739e368755c', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h$2("stzh-icon", { key: '405c2106e7b5c629ec995fd78b305a197087ab97', name: "download" })))))), h$2("div", { key: '27076f38abf5de874b540d557eebc354c0bc9927', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h$2("slot", { name: "transcript" })))));
     }
     get element() { return this; }
     static get style() { return StzhAudioStyle0; }

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

@@ -1,4 +1,4 @@
-import { S as StzhBadge$1, d as defineCustomElement$1 } from './p-b8fda153.js';
+import { S as StzhBadge$1, d as defineCustomElement$1 } from './p-6a1a040f.js';
 const StzhBadge = StzhBadge$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$4 } from './p-b8fda153.js';
-import { d as defineCustomElement$3 } from './p-ec5e2f2a.js';
+import { d as defineCustomElement$4 } from './p-6a1a040f.js';
+import { d as defineCustomElement$3 } from './p-775cca3b.js';
 import { d as defineCustomElement$2 } from './p-60d4ef07.js';
-const stzhBannerCss = ".sc-stzh-banner-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-banner-h,[stzh-hidden].sc-stzh-banner-h{display:none}.sc-stzh-banner-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-banner-h *.sc-stzh-banner,.sc-stzh-banner-h *.sc-stzh-banner::before,.sc-stzh-banner-h *.sc-stzh-banner::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-banner-h .has-focus.sc-stzh-banner{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner{outline-style:none !important}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner::-moz-focus-inner{border:0 !important}.sc-stzh-banner-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-error60);--icon-color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--label-color:var(--stzh-base-invert-color)}[type=info].sc-stzh-banner-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-info70);--background-color:var(--stzh-color-info20);--stzh-link-color:var(--stzh-color-info70)}[type=info].sc-stzh-banner-h:hover{--stzh-link-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-background-color:var(--stzh-color-info30)}.stzh-banner.sc-stzh-banner{position:relative;box-shadow:var(--stzh-box-shadow-message);border-radius:var(--stzh-button-border-radius);background-color:var(--background-color)}.stzh-banner__container.sc-stzh-banner{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);padding-right:var(--stzh-space-xxxxlarge);margin-right:0}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-huge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-right:auto}}.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xsmall);display:flex}@media screen and (min-width: 600px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xlarge)}}.stzh-banner__icon-wrapper.sc-stzh-banner{display:flex;flex-shrink:0}.stzh-banner__icon.sc-stzh-banner{color:var(--icon-color)}.stzh-banner__link.sc-stzh-banner{color:var(--stzh-link-color)}.stzh-banner__link.sc-stzh-banner:hover{color:var(--stzh-link-hover-color)}.stzh-banner__text-wrapper.sc-stzh-banner{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xsmall);row-gap:var(--stzh-space-xxsmall);flex-wrap:wrap;flex-direction:row;align-items:center}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-small)}}.stzh-banner__label.sc-stzh-banner{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color)}@media screen and (min-width: 600px){.stzh-banner__label.sc-stzh-banner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-banner__close[variant=tertiary].sc-stzh-banner{--color:var(--close-color);position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-banner__close[variant=tertiary].sc-stzh-banner{top:0.625rem;right:0.625rem}}.stzh-banner__close[variant=tertiary].sc-stzh-banner:hover{--hover-color:var(--stzh-button-tertiary-hover-color);--hover-background-color:var(--stzh-button-tertiary-hover-background-color)}";
+const stzhBannerCss = ".sc-stzh-banner-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-banner-h,[stzh-hidden].sc-stzh-banner-h{display:none}.sc-stzh-banner-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-banner-h *.sc-stzh-banner,.sc-stzh-banner-h *.sc-stzh-banner::before,.sc-stzh-banner-h *.sc-stzh-banner::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-banner-h .has-focus.sc-stzh-banner{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner{outline-style:none !important}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner::-moz-focus-inner{border:0 !important}.sc-stzh-banner-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--icon-color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--label-color:var(--stzh-base-invert-color)}[type=info].sc-stzh-banner-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-info70);--background-color:var(--stzh-color-info20);--stzh-link-color:var(--stzh-color-info70)}[type=info].sc-stzh-banner-h:hover{--stzh-link-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-background-color:var(--stzh-color-info30)}.stzh-banner.sc-stzh-banner{position:relative;box-shadow:var(--stzh-box-shadow-message);border-radius:var(--stzh-button-border-radius);background-color:var(--background-color)}.stzh-banner__container.sc-stzh-banner{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);padding-right:var(--stzh-space-xxxxlarge);margin-right:0}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-huge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-right:auto}}.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xsmall);display:flex}@media screen and (min-width: 600px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xlarge)}}.stzh-banner__icon-wrapper.sc-stzh-banner{display:flex;flex-shrink:0}.stzh-banner__icon.sc-stzh-banner{color:var(--icon-color)}.stzh-banner__link.sc-stzh-banner{color:var(--stzh-link-color)}.stzh-banner__link.sc-stzh-banner:hover{color:var(--stzh-link-hover-color)}.stzh-banner__text-wrapper.sc-stzh-banner{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xsmall);row-gap:var(--stzh-space-xxsmall);flex-wrap:wrap;flex-direction:row;align-items:center}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-small)}}.stzh-banner__label.sc-stzh-banner{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color)}@media screen and (min-width: 600px){.stzh-banner__label.sc-stzh-banner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-banner__close[variant=tertiary].sc-stzh-banner{--color:var(--close-color);position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-banner__close[variant=tertiary].sc-stzh-banner{top:0.625rem;right:0.625rem}}.stzh-banner__close[variant=tertiary].sc-stzh-banner:hover{--hover-color:var(--stzh-button-tertiary-hover-color);--hover-background-color:var(--stzh-button-tertiary-hover-background-color)}";
 const StzhBannerStyle0 = stzhBannerCss;
 const StzhBanner$1 = /*@__PURE__*/ proxyCustomElement(class StzhBanner extends H {
@@ -45,7 +45,7 @@ const StzhBanner$1 = /*@__PURE__*/ proxyCustomElement(class StzhBanner extends H
             "stzh-banner--has-close-hidden": this.hideClose,
             [`stzh-banner--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: '8cb4fb29a87a6cc740839076609e1cd30bbf91ab', hidden: !this.open }, h("div", { key: '21715a3b9d51917b75bb36d6ed5a107320a5a4c0', class: classes }, h("div", { key: '349607e440408e85ce251d8c0459d818e7beb95a', class: "stzh-banner__container" }, h("div", { key: '366f09535fdc87950f4b0098338e6fcdc9aa40ab', class: "stzh-banner__content" }, h("div", { key: 'c30a14f288e77dc103b86c6ecba2cd0d18ded4ae', class: "stzh-banner__icon-wrapper" }, h("stzh-icon", { key: '10652097a0d07d919497a5c4f0d8863f7c35427a', class: "stzh-banner__icon", name: "warning-filled" })), h("div", { key: 'dd902cb8e78cc34dc3466a06ad53cd7805e49532', class: "stzh-banner__text-wrapper" }, h("div", { key: 'cdfddda4f2886702cfe7aa2310688089bab17a51', class: "stzh-banner__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '88251ec034b429ce01ed53f46f897832c01d6b8f', class: "stzh-banner__link" }, h("slot", { key: '595bafedaa93d1fe423bec5eed590a78a4c5fca4', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '6ecf4af64757d5a5135d8d2c21bc4f3ec9d44eb7', class: "stzh-banner__close", onClick: this.onCloseButtonClick, a11yLabel: (_a = this.localization) === null || _a === void 0 ? void 0 : _a.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (h(Host, { key: '31d5770c6c5885f755cf86a93fad2d622897333a', hidden: !this.open }, h("div", { key: '7f77ea7f33c94b3fafb49eace374d3696e3039d9', class: classes }, h("div", { key: '412a0aad01f585460f51558f7cf77292fac6d2d3', class: "stzh-banner__container" }, h("div", { key: '85c06961b7e07c2ae3e21466cdb18b5de3b2a94a', class: "stzh-banner__content" }, h("div", { key: '57154ef4056f84fce091c8d04298e24eb0f99aa0', class: "stzh-banner__icon-wrapper" }, h("stzh-icon", { key: '3697fb976e8c6f44a11feb54417d834700f1b88e', class: "stzh-banner__icon", name: "warning-filled" })), h("div", { key: '6e359aec2b3032b46cccde0c6857e921a6dded07', class: "stzh-banner__text-wrapper" }, h("div", { key: 'dfcbf94a7e128d6f88f373c1fd12049f2193ea3d', class: "stzh-banner__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '73a0f38e0b596318a2b216dae0f1aefe5ebb5d68', class: "stzh-banner__link" }, h("slot", { key: '442b511202f6248d411ecc9902b8d94ce91d9989', name: "link" })))), !this.hideClose && (h("stzh-button", { key: 'a3f456b30cc5ee5beed3d51bd0d910028a56277d', class: "stzh-banner__close", onClick: this.onCloseButtonClick, a11yLabel: (_a = this.localization) === null || _a === void 0 ? void 0 : _a.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return this; }
     static get style() { return StzhBannerStyle0; }

package/dist/components/stzh-banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-banner.js","mappings":";;;;;AAAA,MAAM,aAAa,GAAG,+mQAA+mQ,CAAC;AACtoQ,yBAAe,aAAa;;MCcfA,YAAU;;;;;;QAwCb,uBAAkB,GAAG;YAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;SACb,CAAC;qBAxCsB,EAAE;yBAGG,KAAK;;oBAMgB,OAAO;oBAWhC,IAAI;;IAG7B,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;KACJ;IAGD,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAClB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;KACJ;IAMD,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;SACjG;KACF;IAED,MAAM;;QACJ,MAAM,OAAO,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,+BAA+B,EAAE,IAAI,CAAC,SAAS;YAC/C,CAAC,qBAAqB,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD,CAAC;QAEF,QACE,EAAC,IAAI,qDAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IACtB,4DAAK,KAAK,EAAE,OAAO,IACjB,4DAAK,KAAK,EAAC,wBAAwB,IACjC,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,2BAA2B,IACpC,kEAAW,KAAK,EAAC,mBAAmB,EAClC,IAAI,EACF,gBAAgB,GAMP,CACT,EACN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,4DAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,YAAM,IAAI,EAAC,OAAO,GAAQ,CACjD,EACN,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACF,CACF,EAEL,CAAC,IAAI,CAAC,SAAS,KACd,oEACE,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,EACnC,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,IAAI,EAAC,WAAW,GACH,CAChB,CACG,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhBanner"],"sources":["src/components/~~CMS/~~stzh-banner/stzh-banner.scss?tag=stzh-banner&encapsulation=scoped","src/components/~~CMS/~~stzh-banner/stzh-banner.tsx"],"sourcesContent":[":host {\n @include base-invert;\n @include button-invert;\n\n --background-color: #{$~~colorError60~~};\n --icon-color: #{$baseInvertColor};\n --close-color: #{$baseInvertColor};\n --label-color: #{$baseInvertColor};\n}\n\n:host([type=\"info\"]) {\n --label-color: #{$colorInfo70};\n --icon-color: #{$colorInfo50};\n --close-color: #{$colorInfo70};\n --background-color: #{$colorInfo20};\n --stzh-link-color: #{$colorInfo70};\n}\n\n :host([type=\"info\"]):hover {\n --stzh-link-hover-color: #{$colorInfo70};\n --stzh-button-tertiary-hover-color: #{$colorInfo70};\n --stzh-button-tertiary-hover-background-color: #{$colorInfo30};\n }\n\n.stzh-banner {\n position: relative;\n box-shadow: $boxShadowMessage;\n border-radius: #{$buttonBorderRadius};\n background-color: var(--background-color);\n\n &__container {\n @include container;\n @include spaceCurve(\"padding-top\", \"small\");\n @include spaceCurve(\"padding-bottom\", \"small\");\n @include spaceCurve(\"padding-right\", \"huge\");\n margin-right: 0;\n\n @include mq($from: small) {\n margin-right: 0px;\n }\n\n @include mq($from: medium) {\n margin-right: 0px;\n }\n\n @include mq($from: large) {\n margin-right: 0px;\n }\n\n @include mq($from: ultra) {\n margin-right: auto;\n }\n }\n\n &__content {\n @include spaceCurve(\"gap\", \"small\");\n display: flex;\n }\n\n &__icon-wrapper {\n display: flex;\n flex-shrink: 0;\n }\n\n &__icon {\n color: var(--icon-color);\n }\n\n &__link {\n color: var(--stzh-link-color);\n }\n\n &__link:hover {\n color: var(--stzh-link-hover-color);\n }\n\n &__text-wrapper {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n @include mq($from: medium) {\n @include spaceCurve(\"column-gap\", \"small\");\n @include spaceCurve(\"row-gap\", \"tiny\");\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n }\n }\n\n &__label {\n @include font(\"heavy\");\n @include fontSize(\"milli\");\n color: var(--label-color);\n\n @include mq($from: small) {\n @include fontSize(\"centi\");\n }\n }\n\n &__close[variant=\"tertiary\"] {\n --color: var(--close-color);\n\n position: absolute;\n top: 0;\n right: 0;\n\n @include mq($from: small) {\n top: 10px;\n right: 10px;\n }\n }\n\n &__close[variant=\"tertiary\"]:hover {\n --hover-color: var(--stzh-button-tertiary-hover-color);\n --hover-background-color: var(--stzh-button-tertiary-hover-background-color);\n }\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Method, State } from \"@stencil/core\";\n\nimport { StzhBannerOpenEvent, StzhBannerCloseEvent } from \"~~../../../~~index\";\n\nimport { StzhBannerLocalizedText } from \"./stzh-banner.localization\";\n\n/*\n @slot label - Slot for label (use as alternative for property)\n * @slot link - Slot for optional stzh-link element\n /\n@Component({\n tag: \"stzh-banner\",\n styleUrl: \"stzh-banner.scss\",\n scoped: true,\n})\nexport class StzhBanner {\n /* Label (slot can also be used as alternative) /\n @Prop() label: string = \"\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Translation strings. /\n @Prop() localization: StzhBannerLocalizedText;\n \n /* Type /\n @Prop({ reflect: true }) type: \"error\" \| \"info\" = \"error\";\n\n /* Banner open event /\n @Event() stzhOpen: EventEmitter<StzhBannerOpenEvent>;\n\n /* Banner close event /\n @Event() stzhClose: EventEmitter<StzhBannerCloseEvent>;\n\n @Element() element: HTMLStzhBannerElement;\n\n /* Open state */\n @State() open: boolean = true;\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-banner\"\n });\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-banner\"\n });\n }\n\n private onCloseButtonClick = () => {\n this.hide();\n };\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"banner\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-banner\": true,\n \"stzh-banner--has-close-hidden\": this.hideClose,\n [`stzh-banner--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host hidden={!this.open}>\n <div class={classes}>\n <div class=\"stzh-banner__container\">\n <div class=\"stzh-banner__content\">\n <div class=\"stzh-banner__icon-wrapper\">\n <stzh-icon class=\"stzh-banner__icon\" \n name={\n \"warning-filled\"\n // this.type === 'info' && \"info-help-filled\"\n // \|\| this.type === 'success' && \"checkmark-circle-filled\"\n // \|\| this.type === 'warning' && \"important-warning-filled\"\n // \|\| this.type === 'error' && \"warning-filled\"\n }\n ></stzh-icon>\n </div>\n <div class=\"stzh-banner__text-wrapper\">\n <div class=\"stzh-banner__label\">\n {this.label ? this.label : <slot name=\"label\"></slot>}\n </div>\n <div class=\"stzh-banner__link\">\n <slot name=\"link\"></slot>\n </div>\n </div>\n </div>\n\n {!this.hideClose && (\n <stzh-button\n class=\"stzh-banner__close\"\n onClick={this.onCloseButtonClick}\n a11yLabel={this.localization?.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly\n icon=\"close-big\"\n ></stzh-button>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-banner.js","mappings":";;;;;AAAA,MAAM,aAAa,GAAG,+mQAA+mQ,CAAC;AACtoQ,yBAAe,aAAa;;MCcfA,YAAU;;;;;;QAwCb,uBAAkB,GAAG;YAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;SACb,CAAC;qBAxCsB,EAAE;yBAGG,KAAK;;oBAMgB,OAAO;oBAWhC,IAAI;;IAG7B,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;KACJ;IAGD,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAClB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;KACJ;IAMD,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;SACjG;KACF;IAED,MAAM;;QACJ,MAAM,OAAO,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,+BAA+B,EAAE,IAAI,CAAC,SAAS;YAC/C,CAAC,qBAAqB,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD,CAAC;QAEF,QACE,EAAC,IAAI,qDAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IACtB,4DAAK,KAAK,EAAE,OAAO,IACjB,4DAAK,KAAK,EAAC,wBAAwB,IACjC,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,2BAA2B,IACpC,kEAAW,KAAK,EAAC,mBAAmB,EAClC,IAAI,EACF,gBAAgB,GAMP,CACT,EACN,4DAAK,KAAK,EAAC,2BAA2B,IACpC,4DAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,YAAM,IAAI,EAAC,OAAO,GAAQ,CACjD,EACN,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACF,CACF,EAEL,CAAC,IAAI,CAAC,SAAS,KACd,oEACE,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,EACnC,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,IAAI,EAAC,WAAW,GACH,CAChB,CACG,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhBanner"],"sources":["src/components/stzh-banner/stzh-banner.scss?tag=stzh-banner&encapsulation=scoped","src/components/stzh-banner/stzh-banner.tsx"],"sourcesContent":[":host {\n @include base-invert;\n @include button-invert;\n\n --background-color: #{$colorCoral60};\n --icon-color: #{$baseInvertColor};\n --close-color: #{$baseInvertColor};\n --label-color: #{$baseInvertColor};\n}\n\n:host([type=\"info\"]) {\n --label-color: #{$colorInfo70};\n --icon-color: #{$colorInfo50};\n --close-color: #{$colorInfo70};\n --background-color: #{$colorInfo20};\n --stzh-link-color: #{$colorInfo70};\n}\n\n :host([type=\"info\"]):hover {\n --stzh-link-hover-color: #{$colorInfo70};\n --stzh-button-tertiary-hover-color: #{$colorInfo70};\n --stzh-button-tertiary-hover-background-color: #{$colorInfo30};\n }\n\n.stzh-banner {\n position: relative;\n box-shadow: $boxShadowMessage;\n border-radius: #{$buttonBorderRadius};\n background-color: var(--background-color);\n\n &__container {\n @include container;\n @include spaceCurve(\"padding-top\", \"small\");\n @include spaceCurve(\"padding-bottom\", \"small\");\n @include spaceCurve(\"padding-right\", \"huge\");\n margin-right: 0;\n\n @include mq($from: small) {\n margin-right: 0px;\n }\n\n @include mq($from: medium) {\n margin-right: 0px;\n }\n\n @include mq($from: large) {\n margin-right: 0px;\n }\n\n @include mq($from: ultra) {\n margin-right: auto;\n }\n }\n\n &__content {\n @include spaceCurve(\"gap\", \"small\");\n display: flex;\n }\n\n &__icon-wrapper {\n display: flex;\n flex-shrink: 0;\n }\n\n &__icon {\n color: var(--icon-color);\n }\n\n &__link {\n color: var(--stzh-link-color);\n }\n\n &__link:hover {\n color: var(--stzh-link-hover-color);\n }\n\n &__text-wrapper {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n @include mq($from: medium) {\n @include spaceCurve(\"column-gap\", \"small\");\n @include spaceCurve(\"row-gap\", \"tiny\");\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n }\n }\n\n &__label {\n @include font(\"heavy\");\n @include fontSize(\"milli\");\n color: var(--label-color);\n\n @include mq($from: small) {\n @include fontSize(\"centi\");\n }\n }\n\n &__close[variant=\"tertiary\"] {\n --color: var(--close-color);\n\n position: absolute;\n top: 0;\n right: 0;\n\n @include mq($from: small) {\n top: 10px;\n right: 10px;\n }\n }\n\n &__close[variant=\"tertiary\"]:hover {\n --hover-color: var(--stzh-button-tertiary-hover-color);\n --hover-background-color: var(--stzh-button-tertiary-hover-background-color);\n }\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Method, State } from \"@stencil/core\";\n\nimport { StzhBannerOpenEvent, StzhBannerCloseEvent } from \"../../index\";\n\nimport { StzhBannerLocalizedText } from \"./stzh-banner.localization\";\n\n/*\n @slot label - Slot for label (use as alternative for property)\n * @slot link - Slot for optional stzh-link element\n /\n@Component({\n tag: \"stzh-banner\",\n styleUrl: \"stzh-banner.scss\",\n scoped: true,\n})\nexport class StzhBanner {\n /* Label (slot can also be used as alternative) /\n @Prop() label: string = \"\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Translation strings. /\n @Prop() localization: StzhBannerLocalizedText;\n \n /* Type /\n @Prop({ reflect: true }) type: \"error\" \| \"info\" = \"error\";\n\n /* Banner open event /\n @Event() stzhOpen: EventEmitter<StzhBannerOpenEvent>;\n\n /* Banner close event /\n @Event() stzhClose: EventEmitter<StzhBannerCloseEvent>;\n\n @Element() element: HTMLStzhBannerElement;\n\n /* Open state */\n @State() open: boolean = true;\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-banner\"\n });\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-banner\"\n });\n }\n\n private onCloseButtonClick = () => {\n this.hide();\n };\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"banner\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-banner\": true,\n \"stzh-banner--has-close-hidden\": this.hideClose,\n [`stzh-banner--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host hidden={!this.open}>\n <div class={classes}>\n <div class=\"stzh-banner__container\">\n <div class=\"stzh-banner__content\">\n <div class=\"stzh-banner__icon-wrapper\">\n <stzh-icon class=\"stzh-banner__icon\" \n name={\n \"warning-filled\"\n // this.type === 'info' && \"info-help-filled\"\n // \|\| this.type === 'success' && \"checkmark-circle-filled\"\n // \|\| this.type === 'warning' && \"important-warning-filled\"\n // \|\| this.type === 'error' && \"warning-filled\"\n }\n ></stzh-icon>\n </div>\n <div class=\"stzh-banner__text-wrapper\">\n <div class=\"stzh-banner__label\">\n {this.label ? this.label : <slot name=\"label\"></slot>}\n </div>\n <div class=\"stzh-banner__link\">\n <slot name=\"link\"></slot>\n </div>\n </div>\n </div>\n\n {!this.hideClose && (\n <stzh-button\n class=\"stzh-banner__close\"\n onClick={this.onCloseButtonClick}\n a11yLabel={this.localization?.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly\n icon=\"close-big\"\n ></stzh-button>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { S as StzhBathstatusItem$1, d as defineCustomElement$1 } from './p-c9320f27.js';
+import { S as StzhBathstatusItem$1, d as defineCustomElement$1 } from './p-804c5a42.js';
 const StzhBathstatusItem = StzhBathstatusItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-bathstatus-list.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { a as axios } from './p-30d100f4.js';
 import { s as setPropsIfNull } from './p-289f5de2.js';
-import { d as defineCustomElement$7 } from './p-b8fda153.js';
-import { d as defineCustomElement$6 } from './p-c9320f27.js';
+import { d as defineCustomElement$7 } from './p-6a1a040f.js';
+import { d as defineCustomElement$6 } from './p-804c5a42.js';
 import { d as defineCustomElement$5 } from './p-60d4ef07.js';
-import { d as defineCustomElement$4 } from './p-2d80d228.js';
+import { d as defineCustomElement$4 } from './p-31108932.js';
 import { d as defineCustomElement$3 } from './p-3d3c2de8.js';
 import { d as defineCustomElement$2 } from './p-dd119f51.js';
@@ -55,7 +55,7 @@ const StzhBathstatusList$1 = /*@__PURE__*/ proxyCustomElement(class StzhBathstat
         const classes = {
             "stzh-bathstatus-list": true,
         };
-        return (h(Host, { key: 'b9cff6372116ca549aa308341ff92d380fbcc632' }, h("div", { key: 'a6153fdd9425def7d42ddca415f4ddca3ca9c52e', class: classes }, h("stzh-overlay", { key: 'f44bd56482dde583f6cde10be05554899e5a0484', open: this.isLoading }, h("stzh-loader", { key: 'c4674457d352f16dc981e5606ff7b7a6a34260eb', label: this.loadingText })), h("div", { key: '161160331abe63b34e0ca9016117efb1abade501', class: "stzh-bathstatus-list__header" }, h("div", { key: 'a8e3ff7ba47114c9609e438386b989535665defc', class: "stzh-bathstatus-list__column-name" }, this.localization.bath), h("div", { key: 'c21127a2167a7329525f3c9a3e45e718d8f2bfe9', class: "stzh-bathstatus-list__column-name" }, this.localization.water), h("div", { key: 'fa907650aeed5b0bc3ac0d844235de6f280858fd', class: "stzh-bathstatus-list__column-name" }, this.localization.status), h("div", { key: '0bbe23c4a04ede32ee23edd6db31d9ef02c1a4e8', class: "stzh-bathstatus-list__column-name" }, this.localization.lastUpdate)), h("div", { key: 'ce1a7c98d52cbe88a534eb12d431ca5f700b9339', class: "stzh-bathstatus-list__list", role: "list" }, h("slot", { key: 'd8061459273d61212b55023d55146da0cefd579a' }), this.items.length > 0 && (h(Fragment, { key: '7ad1c81c99ab590e70bc439e42b1489e3ec3c8be' }, this.items.map(item => (h("stzh-bathstatus-item", { item: item, variant: "list" })))))))));
+        return (h(Host, { key: '3235d24fdb96e731f5c69cd047cb93c6cc9591c4' }, h("div", { key: '0b0a5057591bc6b42d1ea0b21d39d0f0792b1825', class: classes }, h("stzh-overlay", { key: '101a29f2f84ebd779cd7dfc0fafa641041f43007', open: this.isLoading }, h("stzh-loader", { key: 'dd42ccca1e95bfd94d0538cdf1f6703dd8800b62', label: this.loadingText })), h("div", { key: 'ac6f1edc4dc9ccf87ac39b13badf7c0c2b1758f2', class: "stzh-bathstatus-list__header" }, h("div", { key: 'ab5a79808a6a402ac11b387ad15531525f111d6b', class: "stzh-bathstatus-list__column-name" }, this.localization.bath), h("div", { key: '47ccc622355e4e6e9e2e1e257019b81054554753', class: "stzh-bathstatus-list__column-name" }, this.localization.water), h("div", { key: '85fed10dafc95e26a6aa3693ef5c4330f8f676c8', class: "stzh-bathstatus-list__column-name" }, this.localization.status), h("div", { key: 'ac1b7e59b54d2b6f5374fca7de73784cb155d110', class: "stzh-bathstatus-list__column-name" }, this.localization.lastUpdate)), h("div", { key: '1f0a7c7aeacf1fee9df240d484773dfa89ea9d06', class: "stzh-bathstatus-list__list", role: "list" }, h("slot", { key: 'c719f099bc318a3608419e2c49d7e1187c3b2445' }), this.items.length > 0 && (h(Fragment, { key: 'fa9d43202adf7f76864f28b4844e826af079937c' }, this.items.map(item => (h("stzh-bathstatus-item", { item: item, variant: "list" })))))))));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { S as StzhButton$1, d as defineCustomElement$1 } from './p-ec5e2f2a.js';
+import { S as StzhButton$1, d as defineCustomElement$1 } from './p-775cca3b.js';
 const StzhButton = StzhButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as StzhCalendar$1, d as defineCustomElement$1 } from './p-1f315034.js';
+import { S as StzhCalendar$1, d as defineCustomElement$1 } from './p-626168f9.js';
 const StzhCalendar = StzhCalendar$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-289f5de2.js';
-import { d as defineCustomElement$e } from './p-b8fda153.js';
+import { d as defineCustomElement$e } from './p-6a1a040f.js';
 import { d as defineCustomElement$d } from './p-e29cdad5.js';
-import { d as defineCustomElement$c } from './p-ec5e2f2a.js';
-import { d as defineCustomElement$b } from './p-51253a86.js';
-import { d as defineCustomElement$a } from './p-95960509.js';
-import { d as defineCustomElement$9 } from './p-bafc325d.js';
+import { d as defineCustomElement$c } from './p-775cca3b.js';
+import { d as defineCustomElement$b } from './p-a94140df.js';
+import { d as defineCustomElement$a } from './p-1e18dc1d.js';
+import { d as defineCustomElement$9 } from './p-74f1fb8a.js';
 import { d as defineCustomElement$8 } from './p-60d4ef07.js';
-import { d as defineCustomElement$7 } from './p-2d80d228.js';
+import { d as defineCustomElement$7 } from './p-31108932.js';
 import { d as defineCustomElement$6 } from './p-955f381a.js';
 import { d as defineCustomElement$5 } from './p-49d51921.js';
-import { d as defineCustomElement$4 } from './p-04567f95.js';
+import { d as defineCustomElement$4 } from './p-b392fbfe.js';
 import { d as defineCustomElement$3 } from './p-519479b8.js';
 import { d as defineCustomElement$2 } from './p-ef7cf99a.js';

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

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-289f5de2.js';
-import { d as defineCustomElement$e } from './p-b8fda153.js';
+import { d as defineCustomElement$e } from './p-6a1a040f.js';
 import { d as defineCustomElement$d } from './p-e29cdad5.js';
-import { d as defineCustomElement$c } from './p-ec5e2f2a.js';
-import { d as defineCustomElement$b } from './p-51253a86.js';
-import { d as defineCustomElement$a } from './p-95960509.js';
-import { d as defineCustomElement$9 } from './p-bafc325d.js';
+import { d as defineCustomElement$c } from './p-775cca3b.js';
+import { d as defineCustomElement$b } from './p-a94140df.js';
+import { d as defineCustomElement$a } from './p-1e18dc1d.js';
+import { d as defineCustomElement$9 } from './p-74f1fb8a.js';
 import { d as defineCustomElement$8 } from './p-60d4ef07.js';
-import { d as defineCustomElement$7 } from './p-2d80d228.js';
+import { d as defineCustomElement$7 } from './p-31108932.js';
 import { d as defineCustomElement$6 } from './p-955f381a.js';
 import { d as defineCustomElement$5 } from './p-49d51921.js';
-import { d as defineCustomElement$4 } from './p-04567f95.js';
+import { d as defineCustomElement$4 } from './p-b392fbfe.js';
 import { d as defineCustomElement$3 } from './p-519479b8.js';
 import { d as defineCustomElement$2 } from './p-ef7cf99a.js';
@@ -145,7 +145,7 @@ const StzhCardSuperteaser$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSup
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (h(Host, { key: '319ba1541d2664bef85fa8c57036348ab8f05b2c', "has-image": hasImage }, h("article", { key: '7910c058b9cd59d489bf5e151f4f8348dbd030cd', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '85ffcc3c33c28e98962d9c775c030dc0114eed1e', class: "stzh-card-superteaser__tag", label: this.tag, nonInteractive: true }), h("div", { key: '107e650870f4c92029699aa1206982e2e69bbe8f', class: "stzh-card-superteaser__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '2a7665af63c9a66f7c5d1483d77f339195d9f316', class: "stzh-card-superteaser__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '974c53a6485c6f2eba4a452f8e9ef570cf653a36', class: "stzh-card-superteaser__dateline" }, this.dateline), this.topic && h("div", { key: '390b9fedc123e9bae0738591b310a81828918a88', class: "stzh-card-superteaser__topic" }, this.topic), h(Heading, { key: '12c796bfa2c5688faef2b4f833b7b4f66525bfaf', class: `stzh-card-superteaser__heading ${hasSlot(this.element, "heading") ? "stzh-card-superteaser__heading--slotted" : ""}` }, h(HeadingLink, { key: 'af5cccf1056cc817ce76b760118837784bb59417', ref: el => (this.headingLinkElement = el), class: "stzh-card-superteaser__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '3c7453f2aabf60c11710bf64eee69b9e467054a3', class: "stzh-card-superteaser__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '21d7c108b51bf064706e65fd34d8c4b9d825d99e', class: "stzh-card-superteaser__event-infos" }, eventDateStart && (h("div", { key: 'e5b94ea96e183b1a3bd8196422713880cf8ac5ed', class: "stzh-card-superteaser__event-date" }, h("span", { key: '0fabb37127b36307a5aae8167ad745853f95c6f7' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '0b283654e17ccd0ad605265ce90cf4babeed0719' }, !this.isOnHomepage && h("span", { key: '22fbd8490d38fe8e0485086346c0d2d00b1f65d0' }, ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: 'cabac47862cb03eec4713fce7b4bee3e2c057199', class: "stzh-card-superteaser__event-location" }, this.eventLocation))), h("div", { key: '06ec46490d7f654d1ae81f986eaffd5c1e8959e0', class: `stzh-card-superteaser__description ${hasSlot(this.element, "heading") ? "stzh-card-superteaser__description--slotted" : ""}` }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '779142cc228592dc0171e15c7633f2255f3a920b', class: "stzh-card-superteaser__image" }, eventDateStart && (h("div", { key: '1ea1bd8a72a80b92534fbdedc36c71ccf24a3975', class: "stzh-card-superteaser__event-date-teaser" }, h("div", { key: 'edbccf181f7d08ce51ac18b1bbf7317ab3272dbd', class: "stzh-card-superteaser__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: '0acb19fefef722c6b7b3f142db3e2590f76dd6f8', class: "stzh-card-superteaser__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '24f370f313d1c683bb5b71573781fc3b17643351', class: "stzh-card-superteaser__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.service && h("div", { key: 'e32e5e83a26d4191437ab4672f3f9c8e1989960a', class: "stzh-card-superteaser__service" }, this.service), h("slot", { key: '1d46d0e477a639de84a52bcf14f88964eeb3bac4', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: '5243f75161af72e64483fc2d849c95d647bbca8d', ratio: "2:1" }, h("div", { key: 'e42635e5cd609bb4bfbb09dc976d1100a2d11075', class: "stzh-card-superteaser__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: 'bdae2f7e9ea172a56ac9fc4d27b5908e0ed8d606', class: "stzh-card-superteaser__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'ee58f91c853d431ad1be6a341800ddb3c8512dfe', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '3b94e59f08b7e661fc5ec82b1efb3b839e3df91d', class: "stzh-card-superteaser__meta" }, h("div", { key: 'ea705ed1594680cc49938330e8411a3eb157d560', class: "stzh-card-superteaser__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '828377ad49cffe0f5373b3639802714f3221db0d', class: "stzh-card-superteaser__download" }, h("div", { key: '3bcb61f367927c6530fac66f6753aa5ef0aee7ca', class: "stzh-card-superteaser__download-data" }, this.downloadHeading && (h("div", { key: '125525bbc6ba8da665b0c0e7ac2822127e9b5f5a', class: "stzh-card-superteaser__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'e7cb2a38b723d77f2917ebc1a050bc6b3aac3abf', class: "stzh-card-superteaser__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__download-meta-list-item" }, meta))))))), h("div", { key: 'e33a1af85bb6e1c6c5920bbc4c45043ac5422e4b', class: "stzh-card-superteaser__download-button" }, h("stzh-icon", { key: 'c9dcbedd8dfb9c9fe4b05048df729c65ac7d6d1c', class: "stzh-card-superteaser__download-icon", name: "download" })))))))));
+        return (h(Host, { key: '5245e138f4b81ffb187fe51e3155fdee27947c66', "has-image": hasImage }, h("article", { key: 'c6613a4e654f576be4f0955aaf88906084f24b6e', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '063bf7197a15ca8634181e947a61cc177ea3baea', class: "stzh-card-superteaser__tag", label: this.tag, nonInteractive: true }), h("div", { key: '89de45450e9d783999ab5399107b21d62c5951d5', class: "stzh-card-superteaser__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '92cf3e4a99eefd42df9a392ad1feddcee7b820b0', class: "stzh-card-superteaser__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '1b80cba9903a04e7350e1463c5e7da6e057af10e', class: "stzh-card-superteaser__dateline" }, this.dateline), this.topic && h("div", { key: 'a64ef101161aa9ff154e4920c2b627af658d9681', class: "stzh-card-superteaser__topic" }, this.topic), h(Heading, { key: 'd874ccd312a1c7f741b4c0890ce3d69e63e756ad', class: `stzh-card-superteaser__heading ${hasSlot(this.element, "heading") ? "stzh-card-superteaser__heading--slotted" : ""}` }, h(HeadingLink, { key: '0a50a5cb89cab3a224f853fd84d70f053e99994b', ref: el => (this.headingLinkElement = el), class: "stzh-card-superteaser__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '0aa278f12ea65d12d5fe9734a08f09b2b97430d2', class: "stzh-card-superteaser__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '81acfe34018cb2480f43b1c72a64a017938ea2e5', class: "stzh-card-superteaser__event-infos" }, eventDateStart && (h("div", { key: '74f580895437ce87c342c87bb4feafbb6c06a7a8', class: "stzh-card-superteaser__event-date" }, h("span", { key: '76f769c55a9764ea3dbcc57bd2f0fa86e93e5f87' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '99ecc1f86eccd583cf51b8b2929c0f5fdc84702c' }, !this.isOnHomepage && h("span", { key: '447370b6bb41cbd454082cce0f6468f11bcc4b98' }, ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: 'aac3854ca21a2722c019e7adb21d9adcf8f191cb', class: "stzh-card-superteaser__event-location" }, this.eventLocation))), h("div", { key: 'df4517459f1b1b4dec38dfe92487aba03fd5f44b', class: `stzh-card-superteaser__description ${hasSlot(this.element, "heading") ? "stzh-card-superteaser__description--slotted" : ""}` }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '497d53d2fa56e32797dba0060881bee0a1bb67dd', class: "stzh-card-superteaser__image" }, eventDateStart && (h("div", { key: 'c653466d2e71ce9f3b619a612aa16e83c0203e5a', class: "stzh-card-superteaser__event-date-teaser" }, h("div", { key: '909af11c3a7ac1a34051b03cdce753a10c27ad51', class: "stzh-card-superteaser__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'a3f059a03ded1c2889d78777583a1094a09dbf41', class: "stzh-card-superteaser__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '208913a664710ce9b5aaa2e9645658ba480fe220', class: "stzh-card-superteaser__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.service && h("div", { key: 'ad9242d67c859ba4d2c5fed3d3b3f6fbb59581a1', class: "stzh-card-superteaser__service" }, this.service), h("slot", { key: '00463aae0648705918c63fb808cbc82a10761694', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: '4064134ef853017f4fa059daca447372d213c0b2', ratio: "2:1" }, h("div", { key: '453d4385f91b8e0216626a3ce186fb8f164c8d4c', class: "stzh-card-superteaser__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: 'de452159c99b43aee0ad15bc8a8c9184c6dc75b0', class: "stzh-card-superteaser__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'f193f54bba19d97ba295fa7c8be6082df96ed4cd', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '38bc118f5fbf031a768e38818671abf539462c79', class: "stzh-card-superteaser__meta" }, h("div", { key: '490e9a78baa4ac470d56c6389adccee0a6651ae9', class: "stzh-card-superteaser__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '8978cc5afac406bb40e78973db170ab0ad054502', class: "stzh-card-superteaser__download" }, h("div", { key: '977bb9149a8efe4305103e930362d5c654f27bd2', class: "stzh-card-superteaser__download-data" }, this.downloadHeading && (h("div", { key: '61ae2dc917b5b401198ac1ad1cd2a5434c20e7c6', class: "stzh-card-superteaser__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: '03e2fd4a618d1be3776ae9bb1c03195904263c25', class: "stzh-card-superteaser__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__download-meta-list-item" }, meta))))))), h("div", { key: '4e21b06bc0d47eff647e0a0d5a93877298ce9837', class: "stzh-card-superteaser__download-button" }, h("stzh-icon", { key: '6ba567d0c88b27cd24c4d85af91a5ad683537477', class: "stzh-card-superteaser__download-icon", name: "download" })))))))));
     }
     get element() { return this; }
     static get watchers() { return {

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

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

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

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

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

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

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

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

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

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

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

@@ -48,7 +48,7 @@ const StzhContactCv$1 = /*@__PURE__*/ proxyCustomElement(class StzhContactCv ext
             "stzh-contact-cv": true,
             "stzh-contact-cv--has-favorite-links": hasFavoriteLinks,
         };
-        return (h(Host, { key: '5a291f348ebadcbde51de7ad4b9ba377d797693f' }, h("div", { key: 'be10e062984ae67d06a055409d316d525cbce398', class: classes }, h("div", { key: 'bb62a08709141afdf55d3a1995d621d38544b928', class: "stzh-contact-cv__content-wrapper" }, h("stzh-text", { key: '87d66c355b366f232ae67dc4dc0b00d48993f370', class: "stzh-contact-cv__content-block" }, h("p", { key: 'ed25eb6233741fbf7eb61db8ac7d25b4d76151eb', class: "stzh-contact-cv__content-title" }, this.localization.jobtitle), h("span", { key: 'beb4fb7eb9a9097dc8ad52ed286bc0fb010308ad' }, this.jobtitle)), h("stzh-text", { key: '501245e800c42f0935b4ca56eee9dcba0c80ca3e', class: "stzh-contact-cv__content-block" }, h("p", { key: 'efbef83306ebf2c2123a84b50517267c36660404', class: "stzh-contact-cv__content-title" }, this.localization.responsibilities), h("span", { key: '5df94126ed2b6021e0567a89473581438d0566dc' }, this.responsibilities)), h("stzh-text", { key: '18973ce79765d018999abb3e26b2ff7f7266cf0a', class: "stzh-contact-cv__content-block" }, h("p", { key: '0811996e0a7583db612496f654b53bd5b7248020', class: "stzh-contact-cv__content-title" }, this.localization.trainings), h("stzh-list", { key: 'a09f673fc22590c133fb88e67b6e659e6665e69e' }, this._trainings.map(training => (h("stzh-list-item", null, training))))), h("stzh-text", { key: '2316b0d44c23eab83c95570f610f2105c353fd78', class: "stzh-contact-cv__content-block" }, h("p", { key: 'ce0b3b4306b40d2eaf8bc72f1ffdbeae6fe72c3a', class: "stzh-contact-cv__content-title" }, this.localization.hobbies), h("stzh-list", { key: '92a4edb5f2c670560c8b224163f564bcd3f4707d' }, this._hobbies.map(hobby => (h("stzh-list-item", null, hobby))))), h("div", { key: 'ebed4659a3cba6989971216a7ab5883715d18862', class: "stzh-contact-cv__favorite-links" }, h("stzh-text", { key: '51b1de961263ad8158b29a42fb70adf505717d08', class: "stzh-contact-cv__content-block" }, h("p", { key: '3aeda3f44d909d5a5a928ce44db5e6ec2d737307', class: "stzh-contact-cv__content-title" }, this.localization.favoriteLinks), h("slot", { key: 'c1b6c8b7f0d96caf017c67f7f7de6da15f411aee', name: "favorite-links" })))))));
+        return (h(Host, { key: '8466d32d09d3c011a69223619e781da2e088da0a' }, h("div", { key: '558bb0afcf909b6207c8674b59473d470c766628', class: classes }, h("div", { key: '3a51fdacc4c2d522d692aa03d6910cdff30efe27', class: "stzh-contact-cv__content-wrapper" }, h("stzh-text", { key: '6b7697590c006bb59ff7bac84fa286132e82c108', class: "stzh-contact-cv__content-block" }, h("p", { key: 'bec0a0b7d25f0f13239639124b58d38a42c2adfb', class: "stzh-contact-cv__content-title" }, this.localization.jobtitle), h("span", { key: '90cc00c2e58c0f6b6b47962e05747813e7485222' }, this.jobtitle)), h("stzh-text", { key: 'd14d18d2803083cf3d39e89506277578db302f18', class: "stzh-contact-cv__content-block" }, h("p", { key: '2187062fac27fa5529421ace4f3a3219166713e3', class: "stzh-contact-cv__content-title" }, this.localization.responsibilities), h("span", { key: '3dbd9abb5b23c965c360513efa23da81b919cf56' }, this.responsibilities)), h("stzh-text", { key: '6af3fb5c4d99e2a1fe0779ff613fa54ba68ffcd5', class: "stzh-contact-cv__content-block" }, h("p", { key: '6722c85c9fb70e286456b99528e92784c095c8e9', class: "stzh-contact-cv__content-title" }, this.localization.trainings), h("stzh-list", { key: '957cf2abb0b660d210d0ad3bd3c93e61482c6eb0' }, this._trainings.map(training => (h("stzh-list-item", null, training))))), h("stzh-text", { key: '1597178300f9f6c771a4c77fd44fac9d9c80ff25', class: "stzh-contact-cv__content-block" }, h("p", { key: '0f87ae74514dc6dab15c5f9d9f41efdbb429c51e', class: "stzh-contact-cv__content-title" }, this.localization.hobbies), h("stzh-list", { key: '4217583b4969179fb1a5771991ee232c17c31dfa' }, this._hobbies.map(hobby => (h("stzh-list-item", null, hobby))))), h("div", { key: '289ffce07c60875edc258c2d8c971189438fd5fd', class: "stzh-contact-cv__favorite-links" }, h("stzh-text", { key: 'fa94866d8d0acf524609425c0922567ab7848fe4', class: "stzh-contact-cv__content-block" }, h("p", { key: '48253aa57da577592b61eacd97e5163a191ab08a', class: "stzh-contact-cv__content-title" }, this.localization.favoriteLinks), h("slot", { key: '6abffb6d53acbeedc6396de446cea75d0259deea', name: "favorite-links" })))))));
     }
     get element() { return this; }
     static get watchers() { return {