@oiz/stzh-components 4.12.1 → 4.13.0-beta1

package/dist/components/stzh-appointments.js

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { t as tc } from './p-uD4ilJut.js';
-import { p as parseISODate, a as printISODate, d as defineCustomElement$b } from './p-BaMZCxiX.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$d } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$c } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$a } from './p-BdnKcZer.js';
-import { d as defineCustomElement$9 } from './p-BVyHe4zB.js';
-import { d as defineCustomElement$8 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$7 } from './p-G6s0H-yQ.js';
-import { d as defineCustomElement$6 } from './p-D1qHu5Qi.js';
-import { d as defineCustomElement$5 } from './p-BNRtW-oE.js';
-import { d as defineCustomElement$4 } from './p-BmZW5NzL.js';
-import { d as defineCustomElement$3 } from './p-BW2gjhHd.js';
-import { d as defineCustomElement$2 } from './p-CqIeGIYq.js';
+import { p as parseISODate, a as printISODate, d as defineCustomElement$b } from './p-UdeeIE8s.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$d } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$c } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$a } from './p-DI3R5qMv.js';
+import { d as defineCustomElement$9 } from './p-BDyLmXTF.js';
+import { d as defineCustomElement$8 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$7 } from './p-DhDUHSh7.js';
+import { d as defineCustomElement$6 } from './p-CxqE2nhG.js';
+import { d as defineCustomElement$5 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$4 } from './p-CJgyNq5X.js';
+import { d as defineCustomElement$3 } from './p-CTF0VXbD.js';
+import { d as defineCustomElement$2 } from './p-CIG3atcV.js';
 
 const stzhAppointmentsCss = () => `.sc-stzh-appointments-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-appointments-h,[stzh-hidden].sc-stzh-appointments-h{display:none}.sc-stzh-appointments-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::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-appointments-h .has-focus.sc-stzh-appointments{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments{outline-style:none !important}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments::-moz-focus-inner{border:0 !important}.sc-stzh-appointments-h{--background-color:var(--stzh-color-secondary10)}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xxlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{display:flex;flex-direction:column;padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);background-color:var(--background-color)}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-xxlarge)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{flex-grow:1;display:flex;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:flex;align-items:center;justify-content:space-between}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-primary70);display:flex;align-items:center}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{--size:var(--stzh-icon-size-large);margin-right:var(--stzh-space-xsmall)}.stzh-appointments__calendar-content.sc-stzh-appointments,.stzh-appointments__calendar-content-medium.sc-stzh-appointments{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)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;background-color:var(--stzh-color-white);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{flex-grow:1}.stzh-appointments__appointments-radiogroup.sc-stzh-appointments{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-appointments__more-link.sc-stzh-appointments{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);margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}`;
 
@@ -29,8 +29,6 @@ const StzhAppointments$1 = /*@__PURE__*/ proxyCustomElement(class StzhAppointmen
         this.sortBy = "start";
         /** Initial selectable appointments */
         this.appointments = [];
-        /* Selected appointment by value */
-        this.value = "";
         /* Name of radiogroup form element */
         this.name = "appointment";
         /** Nr of items shown */
@@ -104,25 +102,29 @@ const StzhAppointments$1 = /*@__PURE__*/ proxyCustomElement(class StzhAppointmen
     currentDateWatcher(newValue) {
         if (!newValue) {
             this._currentDate = this.dateByValue || this.earliestDate;
-            if (!this.dateByValue) {
+            if (!this.dateByValue && this.shouldAutoSelectAppointment()) {
                 this.setValueToFirstAppointmentOfCurrentDate();
             }
         }
         else if (typeof newValue === "string") {
             this._currentDate = parseISODate(newValue);
-            this.setValueToFirstAppointmentOfCurrentDate();
+            if (this.shouldAutoSelectAppointment()) {
+                this.setValueToFirstAppointmentOfCurrentDate();
+            }
         }
         else {
             this._currentDate = newValue;
             // Check if value already corresponds to a valid appointment on the new date
             const appointmentsForNewDate = this.getCurrentDateAppointments().map(appt => appt.value);
-            if (!appointmentsForNewDate.includes(this.value)) {
+            if (!appointmentsForNewDate.includes(this.value) && this.shouldAutoSelectAppointment()) {
                 this.setValueToFirstAppointmentOfCurrentDate();
             }
         }
     }
     sortByWatcher() {
-        this.setValueToFirstAppointmentOfCurrentDate();
+        if (this.shouldAutoSelectAppointment()) {
+            this.setValueToFirstAppointmentOfCurrentDate();
+        }
     }
     valueWatcher() {
         this.updateDateByValue();
@@ -148,6 +150,10 @@ const StzhAppointments$1 = /*@__PURE__*/ proxyCustomElement(class StzhAppointmen
         this.showAppointmentsTitle = this._appointments.length > 1;
         this.currentDateWatcher(this.currentDate);
     }
+    /** Whether the first appointment is automatically set as value. */
+    shouldAutoSelectAppointment() {
+        return typeof this.value === "undefined" && !this.element.hasAttribute("value");
+    }
     normalizeAppointments(appointments) {
         const parsedAppointments = typeof appointments === "string" ? JSON.parse(appointments) : appointments;
         return parsedAppointments.map(appointment => (Object.assign(Object.assign({}, appointment), { start: this.convertToDate(appointment.start), end: this.convertToDate(appointment.end) })));
@@ -159,9 +165,13 @@ const StzhAppointments$1 = /*@__PURE__*/ proxyCustomElement(class StzhAppointmen
         return date;
     }
     updateDateByValue() {
-        const appointment = this.value && this._appointments.find(appointment => appointment.value === this.value);
+        if (!this.value) {
+            this.dateByValue = null;
+            return;
+        }
+        const appointment = this._appointments.find(appointment => appointment.value === this.value);
         if (!appointment) {
-            console.warn(`No matching appointment found for value: ${this.value}.`);
+            this.dateByValue = null;
         }
         else {
             this.dateByValue = appointment.start;
@@ -273,7 +283,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: '27d5f164eeb723e82bc110b661e4d8238a5f2c74', "has-heading": headingUsed }, h("div", { key: 'f079ae642ae05e3e12f45a4e28951ea25d7277f9', class: classes }, h("div", { key: '3f9726ab504fc246eeade1e29276d1d9920d8f98', class: "stzh-appointments__heading" }, h("slot", { key: '7c21b77d626a80e502c0f4f4b6e828e19f11fa7d', name: "heading" })), h("div", { key: 'd23e215241074a7212b57871ef40a1f69e788a10', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: 'd1291cd8bd19cdb7813df63ed0268758167e3856', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: '57b73e328b1eade7734b68b76bff759999d3019e', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '4f171f5715cdc8aa237be8a5336667676924e350', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: 'a6d42b939875fcf4d1feff3fc49ad0148da9fcf2', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: '6b20b9e01d59dd12828ce15569c65d76b65899e8', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: '716bdc8ed45c0333150d16281cb1490e6e93b200', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: '776b37046b04a21433a2bf2d8bd9aa8c0e5f7aff', "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: '915ecd5845c35cdb09a5cd047701e33962782a2c', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: 'b9980c650766d8e2204dab7d2422e45838c975b3', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: '8ac456d04db36cb2e0dab32229fa9040084832e3', "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: 'fe60acba265359b4008c13f69810f423cc03f298', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: '6567c1444b3d5a025c09490c4738e2527f340338', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: 'eab74a86246c292dadac893280a9ac84c05e23aa', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: '711f5318e519003369579f417cda372925c8f7b9', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: '41cd6d3775b6d05cabd290d3a04fafc077772a4c', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: 'dcf4938c15b7b8b4e9b0c94cfb9f0d307ec7d712', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: '3a0831cfa8ce811c191b2d9c1ddddefa97b4e6fa', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: 'e4b0a72f5dc89a71f251e71c6845ac9af5f219cb', "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: '778597cb82ae9a16f9c0b78eb91ed18a7b9e7506', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: '89b75899e2fa70f001dacfcda2a472b453852e1b', 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: 'dfe437300c691a7b7600ecf1567520e673905330', 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: 'bd72808f3f9e2a481506a20955cf0f14ef290b26', "has-heading": headingUsed }, h("div", { key: '5e52ce87a86c5298179ce1d357945627cfb4117e', class: classes }, h("div", { key: '9f16b39a285ac8175231e672b4b25e1894c2d450', class: "stzh-appointments__heading" }, h("slot", { key: '74980485ad5c5a82adfa426139a55709c212b20f', name: "heading" })), h("div", { key: '023933fb7a9bd0c125f54969dbc9854b6fa0956a', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: '40de76df00db28eb2efe825ba30d1e10009ddf64', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: 'f60a671779c2f1eeb8fcb1d96210ab6d8fbeee8b', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '04ed7b773856122fc67894f627d97f233e94c21e', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: 'bea9d79127f7f7f5ab68a8b6ddfb7cb5fd47bbf0', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: '84e0689cfbcb406d87f266788e21f95a4287217c', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: 'a667e7ebe7384b64f81c7c5d482c610c51790a89', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: 'f2355db64cedb1e891b5cebfeb4ea4221a5ed54e', "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: '9f93256225e6da904e26f701aaaac5d6d130a641', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: '74dd57a6d4abe6ff87bdbd61b76f0cff7300d3c3', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: '5abe89471669f73c75fd3e0c1f5b3bbdb6e22863', "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: '40c43d054eb869d1f2abaf81c7700de28749686b', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: '880034b13b9999924b933154d3da48aa193f751c', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: '15a4a2359601c574936d3ecb09fd1e4e6fb8d7e8', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: '81a931a08febaf81f7029d0606b0e678e72ff1ce', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: 'af51d06fa89b4ec4cdbb609c98d26043c169911b', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: '398c357babb4ff64762197f0a51d41e3ce96c382', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: '2f421bed549f54096227048781d0c2375603fcfa', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: '4378cefd8d7718e23c836df603a7cff240084833', "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: '565e3feeeb680f42036580383ddc06684282f632', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: '635eb3263ff6172b50fcb21d5642f517eff72247', 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: '04247e2293e4758fa7f8bd22e9c8c3deb7389d9e', 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-appointments.js.map

@@ -1 +1 @@
-{"file":"stzh-appointments.js","mappings":"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","names":["StzhAppointments","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-appointments/stzh-appointments.scss?tag=stzh-appointments&encapsulation=scoped","src/components/stzh-appointments/stzh-appointments.tsx"],"sourcesContent":[":host {\n  --background-color: #{$colorSecondary10};\n}\n\n.stzh-appointments {\n  &__heading {\n    &:not(:empty) {\n      @include spaceCurve(\"padding-bottom\", \"tiny\");\n      margin-bottom: space(\"xsmall\");\n\n      @include mq($from: small) {\n        margin-bottom: space(\"small\");\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space(\"medium\");\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xlarge\");\n      }\n    }\n  }\n\n  // &__actions {\n  //   &:not(:empty) {\n  //     @include spaceCurve('margin-top', 'medium');\n  //   }\n  // }\n\n  &__wrapper {\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    display: flex;\n    flex-direction: column;\n    padding-left: space(\"large\");\n    padding-right: space(\"large\");\n    background-color: var(--background-color);\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &__calendar-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: medium) {\n      margin-right: space(\"xxlarge\");\n    }\n  }\n\n  &__appointments-wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__calendar-title-wrapper,\n  &__appointments-title-wrapper {\n    @include spaceCurve(\"margin-bottom\", \"small\");\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  &__calendar-title,\n  &__appointments-title {\n    @include font(\"heavy\");\n    @include fontSize(\"centi\");\n    color: $colorPrimary70;\n    display: flex;\n    align-items: center;\n  }\n\n  &__calendar-icon,\n  &__appointments-icon {\n    --size: #{iconSize(\"large\")};\n    margin-right: space(\"xsmall\");\n  }\n\n  &__calendar-content,\n  &__calendar-content-medium {\n    @include fontSize(\"milli\");\n  }\n\n  &__calendar-content {\n    @include mq($from: medium) {\n      display: none;\n    }\n  }\n\n  &__calendar-content-medium {\n    display: none;\n    background-color: $colorWhite;\n    padding-bottom: space(\"medium\");\n\n    @include mq($from: medium) {\n      display: block;\n    }\n  }\n\n  &__appointments-content {\n    flex-grow: 1;\n  }\n\n  &__appointments-radiogroup {\n    margin-top: space(\"xsmall\");\n    margin-bottom: space(\"xsmall\");\n  }\n\n  &__more-link {\n    @include fontSize(\"milli\");\n    margin-top: space(\"medium\");\n  }\n\n  &--has-calendar &__appointments-wrapper {\n    margin-top: space(\"large\");\n\n    @include mq($from: medium) {\n      margin-top: 0;\n    }\n  }\n}\n","import { Component, Host, Element, Prop, h, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport {\n  StzhAppointmentsChangeEvent,\n  StzhRadioChangeEvent,\n  StzhDatepickerChangeEvent,\n  StzhDropdownChangeEvent,\n  StzhAppointment,\n} from \"../../index\";\n\nimport { tc } from \"../../index\";\n\nimport { printISODate, parseISODate } from \"../../utils/date-utils\";\nimport { StzhLocaleAdapter } from \"../../index\";\n\nimport { StzhAppointmentsLocalizedText } from \"./stzh-appointments.localization\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/** Helper type with start & end as Date */\ntype StzhNormalizedAppointment = Omit<StzhAppointment, \"start\" | \"end\"> & {\n  start: Date;\n  end: Date;\n};\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-appointments\",\n  styleUrl: \"stzh-appointments.scss\",\n  scoped: true,\n})\nexport class StzhAppointments {\n  /** Translation strings */\n  @Prop() localization: StzhAppointmentsLocalizedText;\n\n  /** Hides the sort dropdown when true */\n  @Prop() disableSort = false;\n\n  /** Sort by */\n  @Prop({ mutable: true }) sortBy: \"start\" | \"place\" = \"start\";\n  private _sortBy: \"start\" | \"place\";\n\n  /** Initial selectable appointments */\n  @Prop() appointments: StzhAppointment[] | string = [];\n  private _appointments: StzhNormalizedAppointment[];\n  private appointmentsShown: StzhNormalizedAppointment[];\n\n  /** Current selected date (if undefined, earliest appointment date in list is taken or current selected one by value) */\n  @Prop({ mutable: true }) currentDate: Date | string;\n  private _currentDate: Date;\n\n  /* Selected appointment by value */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /* Name of radiogroup form element */\n  @Prop({ reflect: true }) name: string = \"appointment\";\n\n  /** Nr of items shown */\n  @Prop({ mutable: true }) showItems: number = 5;\n  private _initialShowItems: number;\n\n  /** Nr of items shown when more link is clicked */\n  @Prop() stepItems: number = 5;\n\n  /** Overwrite default calendar title */\n  @Prop() calendarTitle = \"\";\n\n  /** Overwrite default appointments title */\n  @Prop() appointmentsTitle = \"\";\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be an object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  @Element() element: HTMLStzhAppointmentsElement;\n\n  /** Appointments change event */\n  @Event() stzhChange: EventEmitter<StzhAppointmentsChangeEvent>;\n\n  @Watch(\"dateAdapter\")\n  dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n    if (!newValue) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  @Watch(\"currentDate\")\n  currentDateWatcher(newValue: Date | string) {\n    if (!newValue) {\n      this._currentDate = this.dateByValue || this.earliestDate;\n\n      if (!this.dateByValue) {\n        this.setValueToFirstAppointmentOfCurrentDate();\n      }\n    } else if (typeof newValue === \"string\") {\n      this._currentDate = parseISODate(newValue);\n      this.setValueToFirstAppointmentOfCurrentDate();\n    } else {\n      this._currentDate = newValue;\n      // Check if value already corresponds to a valid appointment on the new date\n      const appointmentsForNewDate = this.getCurrentDateAppointments().map(appt => appt.value);\n      if (!appointmentsForNewDate.includes(this.value)) {\n        this.setValueToFirstAppointmentOfCurrentDate();\n      }\n    }\n  }\n\n  @Watch(\"sortBy\")\n  sortByWatcher() {\n    this.setValueToFirstAppointmentOfCurrentDate();\n  }\n\n  @Watch(\"value\")\n  valueWatcher() {\n    this.updateDateByValue();\n    // update current date if user has not choosen one\n    this.currentDateWatcher(this.currentDate);\n  }\n\n  @Watch(\"appointments\")\n  appointmentsWatcher(newValue: StzhAppointment[] | string) {\n    this._appointments = this.normalizeAppointments(newValue);\n\n    if (this._appointments.length > 0) {\n      this._appointments.sort((a, b) => (a.start > b.start ? 1 : -1));\n      this.earliestDate = this._appointments[0].start;\n      this.latestDate = this._appointments[this._appointments.length - 1].start;\n      this.updateDateByValue();\n    }\n\n    if (this._appointments.length > 1) {\n      const firstDate = this._appointments[0].start;\n      this.allAppointsmentOnSameDay = this._appointments\n        .map(appointment => appointment.start)\n        .every(\n          date =>\n            `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}` ===\n            `${firstDate.getFullYear()}-${firstDate.getMonth()}-${firstDate.getDate()}`,\n        );\n    }\n\n    this.showCalendar = !this.allAppointsmentOnSameDay;\n    this.showAppointmentsTitle = this._appointments.length > 1;\n    this.currentDateWatcher(this.currentDate);\n  }\n\n  private dateByValue: Date;\n  private earliestDate: Date;\n  private latestDate: Date;\n  private nextDate: Date;\n\n  private showMoreLink: boolean = false;\n  private moreItemsLeft: number = 0;\n  private showCalendar: boolean = false;\n  private showSort: boolean = false;\n  private showSortStart: boolean = false;\n  private showSortPlace: boolean = false;\n  private showAppointmentsTitle: boolean = false;\n  private allAppointsmentOnSameDay: boolean = true;\n  private sortOptions = [];\n\n  private inputElement: HTMLStzhRadiogroupElement;\n  private datepickerElement: HTMLStzhDatepickerElement;\n  private datepickerElementMedium: HTMLStzhDatepickerElement;\n\n  private normalizeAppointments(appointments: StzhAppointment[] | string): StzhNormalizedAppointment[] {\n    const parsedAppointments = typeof appointments === \"string\" ? JSON.parse(appointments) : appointments;\n\n    return parsedAppointments.map(appointment => ({\n      ...appointment,\n      start: this.convertToDate(appointment.start),\n      end: this.convertToDate(appointment.end),\n    }));\n  }\n\n  private convertToDate(date: Date | string): Date {\n    if (typeof date === \"string\") {\n      return new Date(date);\n    }\n    return date;\n  }\n\n  private updateDateByValue() {\n    const appointment = this.value && this._appointments.find(appointment => appointment.value === this.value);\n\n    if (!appointment) {\n      console.warn(`No matching appointment found for value: ${this.value}.`);\n    } else {\n      this.dateByValue = appointment.start;\n    }\n  }\n\n  private getCurrentDateAppointments() {\n    let indexOfLastCurrentDayDate = 0;\n\n    // filter to current date appointments that can be shown\n    const appointmentsCurrentDate = this._appointments.filter((appointment, index) => {\n      const dateIsInCurrentDay =\n        appointment.start.getFullYear() === this._currentDate.getFullYear() &&\n        appointment.start.getMonth() === this._currentDate.getMonth() &&\n        appointment.start.getDate() === this._currentDate.getDate();\n\n      if (dateIsInCurrentDay) {\n        indexOfLastCurrentDayDate = index;\n      }\n\n      return dateIsInCurrentDay;\n    });\n\n    // find next day with dates or set to null\n    if (this._appointments[indexOfLastCurrentDayDate + 1]) {\n      this.nextDate = this._appointments[indexOfLastCurrentDayDate + 1].start;\n    } else {\n      this.nextDate = null;\n    }\n\n    // sort\n    appointmentsCurrentDate.sort((a, b) => (a[this.sortBy] > b[this.sortBy] ? 1 : -1));\n    return appointmentsCurrentDate;\n  }\n\n  private setValueToFirstAppointmentOfCurrentDate() {\n    // choose the first available appointment from current date\n    const appointments = this.getCurrentDateAppointments().filter(appointment => !appointment.disabled);\n\n    if (appointments.length > 0) {\n      this.value = appointments[0].value;\n      this.stzhChange.emit({\n        component: \"stzh-appointments\",\n        value: this.value,\n      });\n    }\n  }\n\n  private isDateDisabled = (date: Date) => {\n    const dateHasAppointment: boolean = !!this._appointments.find(appointment => {\n      return (\n        appointment.start.getFullYear() === date.getFullYear() &&\n        appointment.start.getMonth() === date.getMonth() &&\n        appointment.start.getDate() === date.getDate()\n      );\n    });\n\n    return !dateHasAppointment;\n  };\n\n  private onNextActiveDateClick = async () => {\n    if (this.nextDate) {\n      this.currentDate = this.nextDate;\n\n      const popover = await this.datepickerElement.getPopover();\n\n      if (popover) {\n        popover.hide();\n      }\n    }\n  };\n\n  private onMoreClick = () => {\n    this.showItems = this.stepItems + this.showItems;\n\n    // return focus to radiogroup\n    const radio = this.inputElement.querySelector(\"stzh-radio\");\n    radio.focus();\n  };\n\n  private onDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const target: HTMLStzhDropdownElement = event.target as HTMLStzhDropdownElement;\n\n    const sortBy = (await target.getValue()) as \"start\" | \"place\" | \"\";\n\n    if (sortBy) {\n      this.sortBy = sortBy;\n    }\n  };\n\n  private onDatepickerChange = (event: CustomEvent<StzhDatepickerChangeEvent>) => {\n    if (event.detail.component !== \"stzh-datepicker\" || !event.detail.valueAsDate) {\n      return;\n    }\n\n    this.currentDate = event.detail.valueAsDate;\n    // reset number of items that should be shown\n    this.showItems = this._initialShowItems;\n  };\n\n  private onRadioChange = (event: CustomEvent<StzhRadioChangeEvent>) => {\n    this.value = event.detail.value as string;\n    this.stzhChange.emit({\n      component: \"stzh-appointments\",\n      value: this.value,\n    });\n  };\n\n  async componentWillLoad() {\n    this._initialShowItems = this.showItems;\n    this.appointmentsWatcher(this.appointments);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"appointments\");\n    }\n\n    this.dateAdapterWatcher(this.dateAdapter);\n  }\n\n  componentWillRender() {\n    const appointments = this.getCurrentDateAppointments();\n\n    // slice to max that should be visible\n    this.appointmentsShown = appointments.slice(0, this.showItems);\n\n    // set flags\n    this.showMoreLink = this.showItems < appointments.length;\n    this.moreItemsLeft = appointments.length - this.showItems;\n\n    // don't show time sort when only one time in the current day\n    this.showSortStart =\n      !this.disableSort &&\n      appointments\n        .map(appointment => {\n          return this.dateAdapter.format(appointment.start, \"time\");\n        })\n        .filter((item, pos, self) => {\n          return self.indexOf(item) == pos;\n        }).length > 1;\n\n    // don't show place sort when only one place in the current day\n    this.showSortPlace =\n      !this.disableSort &&\n      appointments\n        .map(appointment => {\n          return appointment.place;\n        })\n        .filter((item, pos, self) => {\n          return self.indexOf(item) == pos;\n        }).length > 1;\n\n    this.sortOptions = [];\n\n    if (this.showSortStart) {\n      this.sortOptions.push({\n        text: this.localization.sortByTime,\n        value: \"start\",\n      });\n    }\n\n    if (this.showSortPlace) {\n      this.sortOptions.push({\n        text: this.localization.sortByPlace,\n        value: \"place\",\n      });\n    }\n\n    this.showSort = !this.disableSort && this.appointmentsShown.length > 1;\n\n    // determine sort (force alternative sorting if it makes sense)\n    this._sortBy =\n      (this.showSortStart && !this.showSortPlace && \"start\") ||\n      (!this.showSortStart && this.showSortPlace && \"place\") ||\n      this.sortBy;\n  }\n\n  componentDidRender() {\n    // set datepickers values to current date\n    if (this.datepickerElement) {\n      this.datepickerElement.setDate(this._currentDate);\n    }\n\n    if (this.datepickerElementMedium) {\n      this.datepickerElementMedium.setDate(this._currentDate);\n    }\n  }\n\n  render() {\n    const headingUsed: boolean = hasSlot(this.element, \"heading\");\n\n    const classes = {\n      \"stzh-appointments\": true,\n      \"stzh-appointments--has-calendar\": this.showCalendar,\n      \"stzh-appointments--has-appointments-title\": this.showAppointmentsTitle,\n      \"stzh-appointments--has-sort\": this.showSort,\n    };\n\n    return (\n      <Host has-heading={headingUsed}>\n        <div class={classes}>\n          <div class=\"stzh-appointments__heading\">\n            <slot name=\"heading\"></slot>\n          </div>\n\n          <div class=\"stzh-appointments__wrapper\">\n            {this.showCalendar && (\n              <div class=\"stzh-appointments__calendar-wrapper\">\n                <div class=\"stzh-appointments__calendar-title-wrapper\">\n                  <div class=\"stzh-appointments__calendar-title\">\n                    <stzh-icon class=\"stzh-appointments__calendar-icon\" name=\"calendar\"></stzh-icon>\n                    <span class=\"stzh-appointments__calendar-title-text\">\n                      {this.calendarTitle || this.localization.calendarTitle}\n                    </span>\n                  </div>\n                </div>\n                <div class=\"stzh-appointments__calendar-content\">\n                  <stzh-datepicker\n                    hide-optional\n                    ref={el => (this.datepickerElement = el as HTMLStzhDatepickerElement)}\n                    onStzhChange={this.onDatepickerChange}\n                    label={this.localization.datepickerLabel}\n                    calendarIsDateDisabled={this.isDateDisabled}\n                    calendarMin={printISODate(this.earliestDate)}\n                    calendarMax={printISODate(this.latestDate)}\n                  >\n                    <stzh-link\n                      slot=\"action\"\n                      size=\"inherit\"\n                      disabled={!this.nextDate}\n                      onClick={this.onNextActiveDateClick}\n                    >\n                      {this.localization.nextDayWithAppointments}\n                    </stzh-link>\n                  </stzh-datepicker>\n                </div>\n                <div class=\"stzh-appointments__calendar-content-medium\">\n                  <stzh-datepicker\n                    hide-optional\n                    ref={el => (this.datepickerElementMedium = el as HTMLStzhDatepickerElement)}\n                    onStzhChange={this.onDatepickerChange}\n                    inline\n                    calendarIsDateDisabled={this.isDateDisabled}\n                    calendarMin={printISODate(this.earliestDate)}\n                    calendarMax={printISODate(this.latestDate)}\n                  >\n                    {this.nextDate && (\n                      <stzh-link slot=\"action\" size=\"inherit\" onClick={this.onNextActiveDateClick}>\n                        {this.localization.nextDayWithAppointments}\n                      </stzh-link>\n                    )}\n                  </stzh-datepicker>\n                </div>\n              </div>\n            )}\n            <div class=\"stzh-appointments__appointments-wrapper\">\n              {this.showAppointmentsTitle && (\n                <div class=\"stzh-appointments__appointments-title-wrapper\">\n                  <div class=\"stzh-appointments__appointments-title\">\n                    <stzh-icon class=\"stzh-appointments__appointments-icon\" name=\"clock\"></stzh-icon>\n                    <span class=\"stzh-appointments__appointments-title-text\">\n                      {this.appointmentsTitle || this.localization.appointmentsTitle}\n                    </span>\n                  </div>\n                  {this.showSort && (\n                    <div class=\"stzh-appointments__sort\">\n                      <stzh-dropdown\n                        hide-optional\n                        inline\n                        no-search\n                        class=\"stzh-appointments__sort-dropdown\"\n                        variant=\"plain\"\n                        size=\"small\"\n                        sizeMedium={\"tiny\"}\n                        items={[this._sortBy]}\n                        options={this.sortOptions}\n                        onStzhChange={this.onDropdownChange}\n                      ></stzh-dropdown>\n                    </div>\n                  )}\n                </div>\n              )}\n\n              <div class=\"stzh-appointments__appointments-content\">\n                <stzh-radiogroup\n                  class=\"stzh-appointments__appointments-radiogroup\"\n                  ref={el => (this.inputElement = el as HTMLStzhRadiogroupElement)}\n                  legend={this.localization.inputLegend}\n                  hide-legend\n                  name={this.name}\n                  value={this.value}\n                  preventUpdateProperties={[\"disabled\"]}\n                >\n                  {this.appointmentsShown.map(appointment => (\n                    <stzh-radio\n                      onStzhChange={this.onRadioChange}\n                      value={appointment.value}\n                      disabled={typeof appointment.disabled !== \"undefined\" ? appointment.disabled : false}\n                    >\n                      <stzh-text font=\"heavy\" size=\"centi\">\n                        {!this.showCalendar && (\n                          <span>{this.dateAdapter.format(appointment.start, \"dateLong\")},&nbsp;</span>\n                        )}\n                        {this.dateAdapter.formatSpan(appointment.start, appointment.end, \"time\")}\n                      </stzh-text>\n                      <stzh-text size=\"milli\">{appointment.caption}</stzh-text>\n                    </stzh-radio>\n                  ))}\n                </stzh-radiogroup>\n\n                {this.showMoreLink && (\n                  <stzh-link class=\"stzh-appointments__more-link\" size=\"inherit\" onClick={this.onMoreClick}>\n                    {tc(\n                      this.localization.moreTextItems,\n                      this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft,\n                    )}\n                  </stzh-link>\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* <div class=\"stzh-appointments__actions\">\n            <slot name=\"actions\"></slot>\n          </div> */}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-appointments.js","mappings":"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","names":["StzhAppointments","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-appointments/stzh-appointments.scss?tag=stzh-appointments&encapsulation=scoped","src/components/stzh-appointments/stzh-appointments.tsx"],"sourcesContent":[":host {\n  --background-color: #{$colorSecondary10};\n}\n\n.stzh-appointments {\n  &__heading {\n    &:not(:empty) {\n      @include spaceCurve(\"padding-bottom\", \"tiny\");\n      margin-bottom: space(\"xsmall\");\n\n      @include mq($from: small) {\n        margin-bottom: space(\"small\");\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space(\"medium\");\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xlarge\");\n      }\n    }\n  }\n\n  // &__actions {\n  //   &:not(:empty) {\n  //     @include spaceCurve('margin-top', 'medium');\n  //   }\n  // }\n\n  &__wrapper {\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    display: flex;\n    flex-direction: column;\n    padding-left: space(\"large\");\n    padding-right: space(\"large\");\n    background-color: var(--background-color);\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &__calendar-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: medium) {\n      margin-right: space(\"xxlarge\");\n    }\n  }\n\n  &__appointments-wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__calendar-title-wrapper,\n  &__appointments-title-wrapper {\n    @include spaceCurve(\"margin-bottom\", \"small\");\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  &__calendar-title,\n  &__appointments-title {\n    @include font(\"heavy\");\n    @include fontSize(\"centi\");\n    color: $colorPrimary70;\n    display: flex;\n    align-items: center;\n  }\n\n  &__calendar-icon,\n  &__appointments-icon {\n    --size: #{iconSize(\"large\")};\n    margin-right: space(\"xsmall\");\n  }\n\n  &__calendar-content,\n  &__calendar-content-medium {\n    @include fontSize(\"milli\");\n  }\n\n  &__calendar-content {\n    @include mq($from: medium) {\n      display: none;\n    }\n  }\n\n  &__calendar-content-medium {\n    display: none;\n    background-color: $colorWhite;\n    padding-bottom: space(\"medium\");\n\n    @include mq($from: medium) {\n      display: block;\n    }\n  }\n\n  &__appointments-content {\n    flex-grow: 1;\n  }\n\n  &__appointments-radiogroup {\n    margin-top: space(\"xsmall\");\n    margin-bottom: space(\"xsmall\");\n  }\n\n  &__more-link {\n    @include fontSize(\"milli\");\n    margin-top: space(\"medium\");\n  }\n\n  &--has-calendar &__appointments-wrapper {\n    margin-top: space(\"large\");\n\n    @include mq($from: medium) {\n      margin-top: 0;\n    }\n  }\n}\n","import { Component, Host, Element, Prop, h, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport {\n  StzhAppointmentsChangeEvent,\n  StzhRadioChangeEvent,\n  StzhDatepickerChangeEvent,\n  StzhDropdownChangeEvent,\n  StzhAppointment,\n} from \"../../index\";\n\nimport { tc } from \"../../index\";\n\nimport { printISODate, parseISODate } from \"../../utils/date-utils\";\nimport { StzhLocaleAdapter } from \"../../index\";\n\nimport { StzhAppointmentsLocalizedText } from \"./stzh-appointments.localization\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/** Helper type with start & end as Date */\ntype StzhNormalizedAppointment = Omit<StzhAppointment, \"start\" | \"end\"> & {\n  start: Date;\n  end: Date;\n};\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-appointments\",\n  styleUrl: \"stzh-appointments.scss\",\n  scoped: true,\n})\nexport class StzhAppointments {\n  /** Translation strings */\n  @Prop() localization: StzhAppointmentsLocalizedText;\n\n  /** Hides the sort dropdown when true */\n  @Prop() disableSort = false;\n\n  /** Sort by */\n  @Prop({ mutable: true }) sortBy: \"start\" | \"place\" = \"start\";\n  private _sortBy: \"start\" | \"place\";\n\n  /** Initial selectable appointments */\n  @Prop() appointments: StzhAppointment[] | string = [];\n  private _appointments: StzhNormalizedAppointment[];\n  private appointmentsShown: StzhNormalizedAppointment[];\n\n  /** Current selected date (if undefined, earliest appointment date in list is taken or current selected one by value) */\n  @Prop({ mutable: true }) currentDate: Date | string;\n  private _currentDate: Date;\n\n  /** Selected appointment by value.\n   * If omitted, the first available appointment is selected automatically.\n   * If null, no appointment is selected automatically.\n   */\n  @Prop({ mutable: true }) value?: string | null;\n\n  /* Name of radiogroup form element */\n  @Prop({ reflect: true }) name: string = \"appointment\";\n\n  /** Nr of items shown */\n  @Prop({ mutable: true }) showItems: number = 5;\n  private _initialShowItems: number;\n\n  /** Nr of items shown when more link is clicked */\n  @Prop() stepItems: number = 5;\n\n  /** Overwrite default calendar title */\n  @Prop() calendarTitle = \"\";\n\n  /** Overwrite default appointments title */\n  @Prop() appointmentsTitle = \"\";\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be an object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  @Element() element: HTMLStzhAppointmentsElement;\n\n  /** Appointments change event */\n  @Event() stzhChange: EventEmitter<StzhAppointmentsChangeEvent>;\n\n  @Watch(\"dateAdapter\")\n  dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n    if (!newValue) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  @Watch(\"currentDate\")\n  currentDateWatcher(newValue: Date | string) {\n    if (!newValue) {\n      this._currentDate = this.dateByValue || this.earliestDate;\n\n      if (!this.dateByValue && this.shouldAutoSelectAppointment()) {\n        this.setValueToFirstAppointmentOfCurrentDate();\n      }\n    } else if (typeof newValue === \"string\") {\n      this._currentDate = parseISODate(newValue);\n\n      if (this.shouldAutoSelectAppointment()) {\n        this.setValueToFirstAppointmentOfCurrentDate();\n      }\n    } else {\n      this._currentDate = newValue;\n\n      // Check if value already corresponds to a valid appointment on the new date\n      const appointmentsForNewDate = this.getCurrentDateAppointments().map(appt => appt.value);\n\n      if (!appointmentsForNewDate.includes(this.value as string) && this.shouldAutoSelectAppointment()) {\n        this.setValueToFirstAppointmentOfCurrentDate();\n      }\n    }\n  }\n\n  @Watch(\"sortBy\")\n  sortByWatcher() {\n    if (this.shouldAutoSelectAppointment()) {\n      this.setValueToFirstAppointmentOfCurrentDate();\n    }\n  }\n\n  @Watch(\"value\")\n  valueWatcher() {\n    this.updateDateByValue();\n    // update current date if user has not choosen one\n    this.currentDateWatcher(this.currentDate);\n  }\n\n  @Watch(\"appointments\")\n  appointmentsWatcher(newValue: StzhAppointment[] | string) {\n    this._appointments = this.normalizeAppointments(newValue);\n\n    if (this._appointments.length > 0) {\n      this._appointments.sort((a, b) => (a.start > b.start ? 1 : -1));\n      this.earliestDate = this._appointments[0].start;\n      this.latestDate = this._appointments[this._appointments.length - 1].start;\n      this.updateDateByValue();\n    }\n\n    if (this._appointments.length > 1) {\n      const firstDate = this._appointments[0].start;\n      this.allAppointsmentOnSameDay = this._appointments\n        .map(appointment => appointment.start)\n        .every(\n          date =>\n            `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}` ===\n            `${firstDate.getFullYear()}-${firstDate.getMonth()}-${firstDate.getDate()}`,\n        );\n    }\n\n    this.showCalendar = !this.allAppointsmentOnSameDay;\n    this.showAppointmentsTitle = this._appointments.length > 1;\n    this.currentDateWatcher(this.currentDate);\n  }\n\n  private dateByValue: Date | null;\n  private earliestDate: Date;\n  private latestDate: Date;\n  private nextDate: Date;\n\n  private showMoreLink: boolean = false;\n  private moreItemsLeft: number = 0;\n  private showCalendar: boolean = false;\n  private showSort: boolean = false;\n  private showSortStart: boolean = false;\n  private showSortPlace: boolean = false;\n  private showAppointmentsTitle: boolean = false;\n  private allAppointsmentOnSameDay: boolean = true;\n  private sortOptions = [];\n\n  private inputElement: HTMLStzhRadiogroupElement;\n  private datepickerElement: HTMLStzhDatepickerElement;\n  private datepickerElementMedium: HTMLStzhDatepickerElement;\n\n  /** Whether the first appointment is automatically set as value. */\n  private shouldAutoSelectAppointment(): boolean {\n    return typeof this.value === \"undefined\" && !this.element.hasAttribute(\"value\");\n  }\n\n  private normalizeAppointments(appointments: StzhAppointment[] | string): StzhNormalizedAppointment[] {\n    const parsedAppointments = typeof appointments === \"string\" ? JSON.parse(appointments) : appointments;\n\n    return parsedAppointments.map(appointment => ({\n      ...appointment,\n      start: this.convertToDate(appointment.start),\n      end: this.convertToDate(appointment.end),\n    }));\n  }\n\n  private convertToDate(date: Date | string): Date {\n    if (typeof date === \"string\") {\n      return new Date(date);\n    }\n    return date;\n  }\n\n  private updateDateByValue() {\n    if (!this.value) {\n      this.dateByValue = null;\n      return;\n    }\n    const appointment = this._appointments.find(appointment => appointment.value === this.value);\n    if (!appointment) {\n      this.dateByValue = null;\n    } else {\n      this.dateByValue = appointment.start;\n    }\n  }\n\n  private getCurrentDateAppointments() {\n    let indexOfLastCurrentDayDate = 0;\n\n    // filter to current date appointments that can be shown\n    const appointmentsCurrentDate = this._appointments.filter((appointment, index) => {\n      const dateIsInCurrentDay =\n        appointment.start.getFullYear() === this._currentDate.getFullYear() &&\n        appointment.start.getMonth() === this._currentDate.getMonth() &&\n        appointment.start.getDate() === this._currentDate.getDate();\n\n      if (dateIsInCurrentDay) {\n        indexOfLastCurrentDayDate = index;\n      }\n\n      return dateIsInCurrentDay;\n    });\n\n    // find next day with dates or set to null\n    if (this._appointments[indexOfLastCurrentDayDate + 1]) {\n      this.nextDate = this._appointments[indexOfLastCurrentDayDate + 1].start;\n    } else {\n      this.nextDate = null;\n    }\n\n    // sort\n    appointmentsCurrentDate.sort((a, b) => (a[this.sortBy] > b[this.sortBy] ? 1 : -1));\n    return appointmentsCurrentDate;\n  }\n\n  private setValueToFirstAppointmentOfCurrentDate() {\n    // choose the first available appointment from current date\n    const appointments = this.getCurrentDateAppointments().filter(appointment => !appointment.disabled);\n\n    if (appointments.length > 0) {\n      this.value = appointments[0].value;\n      this.stzhChange.emit({\n        component: \"stzh-appointments\",\n        value: this.value,\n      });\n    }\n  }\n\n  private isDateDisabled = (date: Date) => {\n    const dateHasAppointment: boolean = !!this._appointments.find(appointment => {\n      return (\n        appointment.start.getFullYear() === date.getFullYear() &&\n        appointment.start.getMonth() === date.getMonth() &&\n        appointment.start.getDate() === date.getDate()\n      );\n    });\n\n    return !dateHasAppointment;\n  };\n\n  private onNextActiveDateClick = async () => {\n    if (this.nextDate) {\n      this.currentDate = this.nextDate;\n\n      const popover = await this.datepickerElement.getPopover();\n\n      if (popover) {\n        popover.hide();\n      }\n    }\n  };\n\n  private onMoreClick = () => {\n    this.showItems = this.stepItems + this.showItems;\n\n    // return focus to radiogroup\n    const radio = this.inputElement.querySelector(\"stzh-radio\");\n    radio.focus();\n  };\n\n  private onDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const target: HTMLStzhDropdownElement = event.target as HTMLStzhDropdownElement;\n\n    const sortBy = (await target.getValue()) as \"start\" | \"place\" | \"\";\n\n    if (sortBy) {\n      this.sortBy = sortBy;\n    }\n  };\n\n  private onDatepickerChange = (event: CustomEvent<StzhDatepickerChangeEvent>) => {\n    if (event.detail.component !== \"stzh-datepicker\" || !event.detail.valueAsDate) {\n      return;\n    }\n\n    this.currentDate = event.detail.valueAsDate;\n    // reset number of items that should be shown\n    this.showItems = this._initialShowItems;\n  };\n\n  private onRadioChange = (event: CustomEvent<StzhRadioChangeEvent>) => {\n    this.value = event.detail.value as string;\n    this.stzhChange.emit({\n      component: \"stzh-appointments\",\n      value: this.value,\n    });\n  };\n\n  async componentWillLoad() {\n    this._initialShowItems = this.showItems;\n    this.appointmentsWatcher(this.appointments);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"appointments\");\n    }\n\n    this.dateAdapterWatcher(this.dateAdapter);\n  }\n\n  componentWillRender() {\n    const appointments = this.getCurrentDateAppointments();\n\n    // slice to max that should be visible\n    this.appointmentsShown = appointments.slice(0, this.showItems);\n\n    // set flags\n    this.showMoreLink = this.showItems < appointments.length;\n    this.moreItemsLeft = appointments.length - this.showItems;\n\n    // don't show time sort when only one time in the current day\n    this.showSortStart =\n      !this.disableSort &&\n      appointments\n        .map(appointment => {\n          return this.dateAdapter.format(appointment.start, \"time\");\n        })\n        .filter((item, pos, self) => {\n          return self.indexOf(item) == pos;\n        }).length > 1;\n\n    // don't show place sort when only one place in the current day\n    this.showSortPlace =\n      !this.disableSort &&\n      appointments\n        .map(appointment => {\n          return appointment.place;\n        })\n        .filter((item, pos, self) => {\n          return self.indexOf(item) == pos;\n        }).length > 1;\n\n    this.sortOptions = [];\n\n    if (this.showSortStart) {\n      this.sortOptions.push({\n        text: this.localization.sortByTime,\n        value: \"start\",\n      });\n    }\n\n    if (this.showSortPlace) {\n      this.sortOptions.push({\n        text: this.localization.sortByPlace,\n        value: \"place\",\n      });\n    }\n\n    this.showSort = !this.disableSort && this.appointmentsShown.length > 1;\n\n    // determine sort (force alternative sorting if it makes sense)\n    this._sortBy =\n      (this.showSortStart && !this.showSortPlace && \"start\") ||\n      (!this.showSortStart && this.showSortPlace && \"place\") ||\n      this.sortBy;\n  }\n\n  componentDidRender() {\n    // set datepickers values to current date\n    if (this.datepickerElement) {\n      this.datepickerElement.setDate(this._currentDate);\n    }\n\n    if (this.datepickerElementMedium) {\n      this.datepickerElementMedium.setDate(this._currentDate);\n    }\n  }\n\n  render() {\n    const headingUsed: boolean = hasSlot(this.element, \"heading\");\n\n    const classes = {\n      \"stzh-appointments\": true,\n      \"stzh-appointments--has-calendar\": this.showCalendar,\n      \"stzh-appointments--has-appointments-title\": this.showAppointmentsTitle,\n      \"stzh-appointments--has-sort\": this.showSort,\n    };\n\n    return (\n      <Host has-heading={headingUsed}>\n        <div class={classes}>\n          <div class=\"stzh-appointments__heading\">\n            <slot name=\"heading\"></slot>\n          </div>\n\n          <div class=\"stzh-appointments__wrapper\">\n            {this.showCalendar && (\n              <div class=\"stzh-appointments__calendar-wrapper\">\n                <div class=\"stzh-appointments__calendar-title-wrapper\">\n                  <div class=\"stzh-appointments__calendar-title\">\n                    <stzh-icon class=\"stzh-appointments__calendar-icon\" name=\"calendar\"></stzh-icon>\n                    <span class=\"stzh-appointments__calendar-title-text\">\n                      {this.calendarTitle || this.localization.calendarTitle}\n                    </span>\n                  </div>\n                </div>\n                <div class=\"stzh-appointments__calendar-content\">\n                  <stzh-datepicker\n                    hide-optional\n                    ref={el => (this.datepickerElement = el as HTMLStzhDatepickerElement)}\n                    onStzhChange={this.onDatepickerChange}\n                    label={this.localization.datepickerLabel}\n                    calendarIsDateDisabled={this.isDateDisabled}\n                    calendarMin={printISODate(this.earliestDate)}\n                    calendarMax={printISODate(this.latestDate)}\n                  >\n                    <stzh-link\n                      slot=\"action\"\n                      size=\"inherit\"\n                      disabled={!this.nextDate}\n                      onClick={this.onNextActiveDateClick}\n                    >\n                      {this.localization.nextDayWithAppointments}\n                    </stzh-link>\n                  </stzh-datepicker>\n                </div>\n                <div class=\"stzh-appointments__calendar-content-medium\">\n                  <stzh-datepicker\n                    hide-optional\n                    ref={el => (this.datepickerElementMedium = el as HTMLStzhDatepickerElement)}\n                    onStzhChange={this.onDatepickerChange}\n                    inline\n                    calendarIsDateDisabled={this.isDateDisabled}\n                    calendarMin={printISODate(this.earliestDate)}\n                    calendarMax={printISODate(this.latestDate)}\n                  >\n                    {this.nextDate && (\n                      <stzh-link slot=\"action\" size=\"inherit\" onClick={this.onNextActiveDateClick}>\n                        {this.localization.nextDayWithAppointments}\n                      </stzh-link>\n                    )}\n                  </stzh-datepicker>\n                </div>\n              </div>\n            )}\n            <div class=\"stzh-appointments__appointments-wrapper\">\n              {this.showAppointmentsTitle && (\n                <div class=\"stzh-appointments__appointments-title-wrapper\">\n                  <div class=\"stzh-appointments__appointments-title\">\n                    <stzh-icon class=\"stzh-appointments__appointments-icon\" name=\"clock\"></stzh-icon>\n                    <span class=\"stzh-appointments__appointments-title-text\">\n                      {this.appointmentsTitle || this.localization.appointmentsTitle}\n                    </span>\n                  </div>\n                  {this.showSort && (\n                    <div class=\"stzh-appointments__sort\">\n                      <stzh-dropdown\n                        hide-optional\n                        inline\n                        no-search\n                        class=\"stzh-appointments__sort-dropdown\"\n                        variant=\"plain\"\n                        size=\"small\"\n                        sizeMedium={\"tiny\"}\n                        items={[this._sortBy]}\n                        options={this.sortOptions}\n                        onStzhChange={this.onDropdownChange}\n                      ></stzh-dropdown>\n                    </div>\n                  )}\n                </div>\n              )}\n\n              <div class=\"stzh-appointments__appointments-content\">\n                <stzh-radiogroup\n                  class=\"stzh-appointments__appointments-radiogroup\"\n                  ref={el => (this.inputElement = el as HTMLStzhRadiogroupElement)}\n                  legend={this.localization.inputLegend}\n                  hide-legend\n                  name={this.name}\n                  value={this.value}\n                  preventUpdateProperties={[\"disabled\"]}\n                >\n                  {this.appointmentsShown.map(appointment => (\n                    <stzh-radio\n                      onStzhChange={this.onRadioChange}\n                      value={appointment.value}\n                      disabled={typeof appointment.disabled !== \"undefined\" ? appointment.disabled : false}\n                    >\n                      <stzh-text font=\"heavy\" size=\"centi\">\n                        {!this.showCalendar && (\n                          <span>{this.dateAdapter.format(appointment.start, \"dateLong\")},&nbsp;</span>\n                        )}\n                        {this.dateAdapter.formatSpan(appointment.start, appointment.end, \"time\")}\n                      </stzh-text>\n                      <stzh-text size=\"milli\">{appointment.caption}</stzh-text>\n                    </stzh-radio>\n                  ))}\n                </stzh-radiogroup>\n\n                {this.showMoreLink && (\n                  <stzh-link class=\"stzh-appointments__more-link\" size=\"inherit\" onClick={this.onMoreClick}>\n                    {tc(\n                      this.localization.moreTextItems,\n                      this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft,\n                    )}\n                  </stzh-link>\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* <div class=\"stzh-appointments__actions\">\n            <slot name=\"actions\"></slot>\n          </div> */}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stzh-archivelist.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { d as defineCustomElement$7 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$6 } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$5 } from './p-ts8WMMWF.js';
-import { d as defineCustomElement$4 } from './p-CLg_b_CM.js';
-import { d as defineCustomElement$3 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$2 } from './p-D1qHu5Qi.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$7 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$6 } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$5 } from './p-DvCfh0K2.js';
+import { d as defineCustomElement$4 } from './p-DmbPNk49.js';
+import { d as defineCustomElement$3 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$2 } from './p-CxqE2nhG.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)}@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__actions.sc-stzh-archivelist{display:flex;justify-content:center}.stzh-archivelist__heading.sc-stzh-archivelist{margin-bottom:var(--stzh-space-medium)}`;
 

package/dist/components/stzh-audio.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H as H$1, d as createEvent, h as h$2, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H as H$1, d as createEvent, h as h$2, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { g as getDefaultExportFromCjs } from './p-E-ZsRS8r.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$5 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$4 } from './p-p0_NS-tW.js';
-import { d as defineCustomElement$3 } from './p-CqIeGIYq.js';
-import { d as defineCustomElement$2 } from './p-Bnxt1olk.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$5 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$4 } from './p-CgcoSQbB.js';
+import { d as defineCustomElement$3 } from './p-CIG3atcV.js';
+import { d as defineCustomElement$2 } from './p-BNb1mC_F.js';
 
 /**
  * @license
@@ -4139,7 +4139,7 @@ const StzhAudio$1 = /*@__PURE__*/ proxyCustomElement(class StzhAudio extends H$1
         const classes = {
             "stzh-audio": true,
         };
-        return (h$2(Host, { key: 'fb23d7aec7a8835e2b67887cf682cc7416444aa8' }, h$2("vds-media", { key: '0cd01be53a3d127b1898cb7e22e7057d5e1feae3', class: classes }, h$2("vds-audio", { key: '51b940dfcc68d9b9b3e78485a6c710d1b9790327', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (h$2(Host, { key: '34b29d58d34857e6f7b996a808aea2b02dde3956' }, h$2("vds-media", { key: '3f3d248014f029385e5853b84aa7bb304046581f', class: classes }, h$2("vds-audio", { key: '31b2f62739e61235db96390f6f7e72cd1d06d258', 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" });
@@ -4151,11 +4151,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: '09374bd444289f35b125ab8a86226f150811caad', preload: this.preload, src: this.src }, h$2("slot", { key: 'cbc14ef0fcf7cd525f94966f091da2824e4f6e38' }))), h$2("div", { key: 'fb2cb837e73106560fea95d4b2ceecb5235fe641', class: "stzh-audio__controls" }, h$2("div", { key: '984fc9a4190afb003413cf73b11e5cff518a6546', class: "stzh-audio__loader-overlay" }, h$2("stzh-loader", { key: 'b8e9f4dcecb2f8eaf2b21c6a2cb042da7967f102', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h$2("div", { key: '800e14500760a34cb1ed41f9f4be05caf294e049', class: "stzh-audio__controls-top" }, h$2("vds-time-slider", { key: '0ef969815a888ae91a21bc407966c71ee167b1bd', class: "stzh-audio__slider is-time" }, h$2("div", { key: 'bdd5d0d06580a74a88461af607476243649f69ca', class: "stzh-audio__slider-track" }), h$2("div", { key: '4024ef1f29e904cb72e10ffd5563ff433e880265', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: '25d6d2fae53120a4419c26e59d9150c045644d3f', class: "stzh-audio__slider-thumb-container" }, h$2("div", { key: '7f163e2e78a5392bdbba63268fe7b6770083cd45', class: "stzh-audio__slider-thumb" })), h$2("div", { key: '1e414d53e714cc186b897d301bed17b915bc2433', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: '404195b199fed0f2f3e159b4333a20e52ffe7227', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h$2("div", { key: '152211f575fc14d321c82de49d4bb12e59327c87', class: "stzh-audio__controls-bottom" }, h$2("div", { key: '2f5d27afe4bf87f6a60e5526720e7ac207773e62', class: "stzh-audio__controls-bottom-left" }, h$2("stzh-tooltip", { key: 'c9f01059a1024ccaabbea9216a7b1c76bfb00587' }, h$2("vds-play-button", { key: 'e03bfcdf4ca407bb904d6ae4148cf34028ba23d6', class: "stzh-audio__button is-play" }, h$2("stzh-icon", { key: 'df56f324b0aba22556afceac6c0a609ac2434725', class: "stzh-audio__played", name: "play" }), h$2("stzh-icon", { key: '5ed2332b545cd59b3423a7b969cfec5921700623', class: "stzh-audio__paused", name: "pause" })), h$2("span", { key: '4599f4e9f32a50fc8a1f780051d0d158994e22b1', slot: "content" }, h$2("span", { key: 'd9c0e0cfb9b25a3d45585d6b645102e37403c3dd', class: "stzh-audio__played" }, this.localization.play), h$2("span", { key: '6d5c1adedcf6cbdabb006aa54a897a1e2b087337', class: "stzh-audio__paused" }, this.localization.pause))), h$2("div", { key: '829ab581d0bfcf712f62dee5e1f0790cd72d65ff', class: "stzh-audio__time" }, h$2("vds-time", { key: '870d363061c1f6e9add70758ee15bfa55861fc34', type: "current" }), h$2("span", { key: '470f86294175f0e64169164d156b6ece1f21be28', class: "stzh-audio__time-separator" }, "/"), h$2("vds-time", { key: '1fd0cb11b98751ac3d7e9f6177fdb92fc62787c9', type: "duration" })), h$2("stzh-tooltip", { key: '2b83efb635599e9cee1df548e4d1e61fa63e91ea' }, h$2("vds-mute-button", { key: '1ae98c008a5e26e0de85a7d15b45daa5bff80cce', class: "stzh-audio__button is-mute" }, h$2("stzh-icon", { key: 'a20ad9ae9467d1ac90bf8db0ec0d98fca23e4ec8', class: "stzh-audio__muted", name: "volume-medium" }), h$2("stzh-icon", { key: '2b8e42c8cdb34e3a47c6e34f20ad5b010dbed3c3', class: "stzh-audio__unmuted", name: "silent-mode" })), h$2("span", { key: 'eaeafd4e5b5a069f6e874f3061c6f22394118bd8', slot: "content" }, h$2("span", { key: '6fac09c84f664f656487b768ea63482c356c0ec6', class: "stzh-audio__muted" }, this.localization.mute), h$2("span", { key: '4474837802b417163b399a643e744e3efa4b0505', class: "stzh-audio__unmuted" }, this.localization.unmute))), h$2("vds-volume-slider", { key: 'e9307c267e337adbf20c2159d60b3679c57ea28e', class: "stzh-audio__slider is-volume" }, h$2("div", { key: '514c7342889a589b5a479774c3948be891015bb4', class: "stzh-audio__slider-track" }), h$2("div", { key: '11441c7954fc01398c2c5a60f8088fd514d3a4ea', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: 'b4f59b8330fc9fc9fb0aefe12c0c7fcf62d5c656', class: "stzh-audio__slider-thumb-container is-shown" }, h$2("div", { key: '6e7d9a76bc90af83c7d747db8df67f9717e58004', class: "stzh-audio__slider-thumb" })), h$2("div", { key: '260221d31b8af1b115d487d647556cf1b78cc455', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: 'd07f1ec5bc1ced56ae6930e4b9d29f397f4435b9', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h$2("div", { key: '7f676aecacc7e73b9981bc333adf47975e6ed192', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h$2("stzh-tooltip", { key: '7697457d13b431f6aeb3d9923fda87f9551dc6cb', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h$2("button", { key: '4a38e308e8f724c51ce978edd0453095040fdd21', class: {
+            } }, h$2("audio", { key: '323118a2bb5b23b9de751959242a505c2267bcdc', preload: this.preload, src: this.src }, h$2("slot", { key: 'da5d8b40935d490ad1b6496c42ddcf3825f20610' }))), h$2("div", { key: '02f6546c5e3e7b326d02988059f8597d1eeb30f3', class: "stzh-audio__controls" }, h$2("div", { key: '8e11bcb5c49d7095c284e4ca8428b348de1a7f27', class: "stzh-audio__loader-overlay" }, h$2("stzh-loader", { key: '492f1ea8fa9a392fd44746aed59e3a3a56280ef6', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h$2("div", { key: 'ea6dcb718dcbfdd933c5932c66bdc11fc8e3c70b', class: "stzh-audio__controls-top" }, h$2("vds-time-slider", { key: 'de9f99fb2b216e9f4ab1acb4bc9d0edc2650e8e3', class: "stzh-audio__slider is-time" }, h$2("div", { key: 'f2fb9cf555824a92f426463b745a0ae0266275bf', class: "stzh-audio__slider-track" }), h$2("div", { key: '9ff4ccc9e82ea0141114f358f429791e7dacccdc', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: '7684c9474fa90d22af7030fdcb35288ed5cc0a40', class: "stzh-audio__slider-thumb-container" }, h$2("div", { key: '9153df46f04f594503b0df5b72ee640a9ae3fbda', class: "stzh-audio__slider-thumb" })), h$2("div", { key: '507c03222b90dd1d5c86ad45803d02849c471f1a', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: '5d9f04cc8b8819c3310260e177e733cca6a5df14', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h$2("div", { key: '879ff29036492f65c22bb5e5d7ff791e58e17120', class: "stzh-audio__controls-bottom" }, h$2("div", { key: 'd5c179d0c7f1c0d041e99e4fadf2a76558c0c95c', class: "stzh-audio__controls-bottom-left" }, h$2("stzh-tooltip", { key: 'bb956533ec5b1e9262f33aeea15f973c498554fa' }, h$2("vds-play-button", { key: '73060f63d0aee2a2aff6fb94cfb1f890986f1035', class: "stzh-audio__button is-play" }, h$2("stzh-icon", { key: 'b6824fa3d74fbeb7704e40b51a83a5eeaa07710b', class: "stzh-audio__played", name: "play" }), h$2("stzh-icon", { key: '1a665bf98e42f45264a57190299fe82ebb06311d', class: "stzh-audio__paused", name: "pause" })), h$2("span", { key: '911f756cc2d2e058c125d38f50d80412ba95aab2', slot: "content" }, h$2("span", { key: 'c95db58c23369219c448ac07b64c92ff34cdd481', class: "stzh-audio__played" }, this.localization.play), h$2("span", { key: '9a52167692509529651f7a9a4f62a9dda58b5612', class: "stzh-audio__paused" }, this.localization.pause))), h$2("div", { key: 'f68aff02800487ddc2840996c0c6c32739e7bf1c', class: "stzh-audio__time" }, h$2("vds-time", { key: 'd9dbaaa00f020d54057d7cda733f77f5b18d85d4', type: "current" }), h$2("span", { key: '894b23e543e53c9db01a7b817dcf0060c4e1979c', class: "stzh-audio__time-separator" }, "/"), h$2("vds-time", { key: '07d50699e48d35dc2340149f00a14792536ae114', type: "duration" })), h$2("stzh-tooltip", { key: 'a69ef2af52ecfd11ac3d0eb98404fbaf495e8547' }, h$2("vds-mute-button", { key: '83f1d87bf10ac0c88ee04eb27fbe28c19e9bfb66', class: "stzh-audio__button is-mute" }, h$2("stzh-icon", { key: '1bfd1e3e2a3583392cbfdecca74f9f631c7d2cf1', class: "stzh-audio__muted", name: "volume-medium" }), h$2("stzh-icon", { key: '65bfa0ab40c9c0dff3db3fd310f960a7eaba89a8', class: "stzh-audio__unmuted", name: "silent-mode" })), h$2("span", { key: 'db7db77f6b4666d275dad1f3ebf11a6d99a69c0e', slot: "content" }, h$2("span", { key: '37a3764f56ab5c8916199b12b1bcc4720e3bf30b', class: "stzh-audio__muted" }, this.localization.mute), h$2("span", { key: '9370f1d31e5a2c3ead1c66658d1accbbfc319242', class: "stzh-audio__unmuted" }, this.localization.unmute))), h$2("vds-volume-slider", { key: '318202a5c8ea031460e8f55a8f6eeaa1940e251b', class: "stzh-audio__slider is-volume" }, h$2("div", { key: '596a7d20cef28ff8117b69202adc7aa8a6e6d089', class: "stzh-audio__slider-track" }), h$2("div", { key: '4b19ed1e33101331b6590a4bc9b572c607f41c4b', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: 'fbedfd98873ca827e2663fb8a43d1c046d102466', class: "stzh-audio__slider-thumb-container is-shown" }, h$2("div", { key: '123e914e91b3ccaf332792c3943106da2c2f404f', class: "stzh-audio__slider-thumb" })), h$2("div", { key: 'c1d05608bf321927aee4e07ce8ef91b7407261ae', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: 'e83015ee2670454e3d0a3585cefcd5e736adc361', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h$2("div", { key: '58169c8b35629f50d05d8634673a8e5e839416c1', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h$2("stzh-tooltip", { key: '197cdf84054a5064e74e7b67f841694be4858e38', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h$2("button", { key: 'd1d9ff75dedd6ca63c39efb57178223c268f3ccc', 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: '3b6b2002bd6c2c7fdd4e5eba033149ac3ba025c4', name: "transcript" })))), h$2("stzh-tooltip", { key: '5c7d069ffe12b4bce90a9a79265656429b0ee4b1', content: this.localization.download }, h$2("a", { key: '7b5d4d739887c10ab2d62bb966290942905515ff', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h$2("stzh-icon", { key: '944b6a86d6786dc9e1db61b5bb408b7a3e556e8d', name: "download" })))))), h$2("div", { key: 'b5f539393869879c2664973984330685ac53f339', 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: 'b0045338c753e62476d574c482ff6cc486763a45', name: "transcript" })))), h$2("stzh-tooltip", { key: '596a06321b2205f07c9decaf72624d7d3a662e46', content: this.localization.download }, h$2("a", { key: 'bbf6a2e7b350418bf801f4fcf61386a27616ef3a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h$2("stzh-icon", { key: '564fea0cb924208aecf1faa4fd9d6cd3edd27888', name: "download" })))))), h$2("div", { key: '645beed2645c3f3f16c2c5596750804655c85f2b', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h$2("slot", { name: "transcript" })))));
     }
     get element() { return this; }
     static get style() { return stzhAudioCss(); }

package/dist/components/stzh-badge.js

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

package/dist/components/stzh-banner.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { d as defineCustomElement$4 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$3 } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$2 } from './p-DZ_hOgVb.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$4 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$3 } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$2 } from './p-mPSUVIkD.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-coral60);--icon-color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--label-color:var(--stzh-base-invert-color);--icon-offset:calc((var(--stzh-font-milli-font-size) * var(--stzh-font-milli-text-line-height) - var(--stzh-icon-size)) * 0.5)}@media screen and (min-width: 600px){.sc-stzh-banner-h{--icon-offset:calc((var(--stzh-font-centi-font-size) * var(--stzh-font-centi-text-line-height) - var(--stzh-icon-size)) * 0.5)}}.sc-stzh-banner-h{--close-offset:0px}@media screen and (min-width: 600px){.sc-stzh-banner-h{--close-offset:0.625rem}}[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)}@media (forced-colors: active){.stzh-banner.sc-stzh-banner{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-banner__container.sc-stzh-banner{margin-left:1.25rem;margin-right:1.25rem}@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}}.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xsmall)}@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)}}.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xsmall)}@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)}}.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-xxxxlarge)}@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)}}.stzh-banner__container.sc-stzh-banner{margin-right:0}@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)}@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__content.sc-stzh-banner{display:flex}.stzh-banner__icon-wrapper.sc-stzh-banner{display:flex;flex-shrink:0}.stzh-banner__icon.sc-stzh-banner{position:relative;top:var(--icon-offset);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.sc-stzh-banner{--color:var(--close-color);position:absolute;top:var(--close-offset);right:var(--close-offset)}@media (forced-colors: none){.stzh-banner__close.sc-stzh-banner:hover{--hover-color:var(--stzh-button-tertiary-hover-color);--hover-background-color:var(
       --stzh-button-tertiary-hover-background-color
@@ -51,7 +51,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: 'a7aef84f49f311e5d6d9940349f248d2cd904bd0', hidden: !this.open }, h("div", { key: '6224c8a4c43483c533dea53267dab27d1ee7c81a', class: classes }, h("div", { key: 'fea1dc02cb6fffc2575426726de2b4f3e748d5d9', class: "stzh-banner__container" }, h("div", { key: '262bbea42583212a155d12f3d572db7af34402f0', class: "stzh-banner__content" }, h("div", { key: '4e25b8ca7aeda1478710f6791f032300efee50bc', class: "stzh-banner__icon-wrapper" }, h("stzh-icon", { key: 'bf05888d44c37a5f437b26c6387bda5b8637c657', class: "stzh-banner__icon", name: "warning-filled" })), h("div", { key: '4ce75ecd80747749bda9a1dc34e2c71fc350101d', class: "stzh-banner__text-wrapper" }, h("div", { key: 'd7a4c97a1a7b04a61678ed2d78511873200b1b05', class: "stzh-banner__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '9212be30f7aa4765305feb2aaea82844bb2b4351', class: "stzh-banner__link" }, h("slot", { key: '718554acbf0ac240d2459794a51097ac08b1287b', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '9d3098860307f820a9148729e74ac61eddef3549', 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: '672997a0f0a8cddd81fd7b36a17adecd296c863d', hidden: !this.open }, h("div", { key: '43429022c24b482549be3feafd78c1d28636e0e2', class: classes }, h("div", { key: '58627b08f10af716db96cf56d3075384cc97c78f', class: "stzh-banner__container" }, h("div", { key: '6b988afa6465d9c07c06c4301642799ef9806e40', class: "stzh-banner__content" }, h("div", { key: '2092db97af3c1c7822b304a7ed78c06158e89bb3', class: "stzh-banner__icon-wrapper" }, h("stzh-icon", { key: '249c2c68828be5609395506976f59a99fcaf8843', class: "stzh-banner__icon", name: "warning-filled" })), h("div", { key: '99e1b40c87e26a4b29511bb174ae3595eb41e341', class: "stzh-banner__text-wrapper" }, h("div", { key: 'c69c7a07cd7a28eb594707235edf123be053fb9a', class: "stzh-banner__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '870e2d24e83a2190c37e9565b790801d773c3651', class: "stzh-banner__link" }, h("slot", { key: '83c3805d7cca4280ae7ea632479225f5606a3ddf', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '1676d8b59e0d74830b818759917c8f45bc6c6f61', 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 stzhBannerCss(); }

package/dist/components/stzh-breadcrumb.js

@@ -1,4 +1,4 @@
-import { S as StzhBreadcrumb$1, d as defineCustomElement$1 } from './p-CHL7PZWx.js';
+import { S as StzhBreadcrumb$1, d as defineCustomElement$1 } from './p-4bFqfRjC.js';
 
 const StzhBreadcrumb = StzhBreadcrumb$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-button.js

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

package/dist/components/stzh-buttongroup.js

@@ -1,4 +1,4 @@
-import { S as StzhButtongroup$1, d as defineCustomElement$1 } from './p-CC0Gv1-E.js';
+import { S as StzhButtongroup$1, d as defineCustomElement$1 } from './p-D-Yirlnl.js';
 
 const StzhButtongroup = StzhButtongroup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-calendar.js

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

package/dist/components/stzh-card-navigation.js

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