@oiz/stzh-components 4.1.0 → 4.1.1-beta

package/dist/stzh-components/{p-a9ae4450.entry.js → p-5c6ec1b8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,a as i,g as n}from"./p-ef5985a3.js";import{tc as a}from"./index.esm.js";import{p,a as h}from"./p-9cc086e2.js";import{h as o}from"./p-24caf6c1.js";import"./p-dae15605.js";const c=".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);margin-bottom:var(--stzh-space-xsmall)}@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)}}@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);padding-bottom:var(--stzh-space-medium);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: 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)}}@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)}}@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);display:flex;align-items:center;justify-content:space-between}@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.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}}";const r=c;const m=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=t=>{const s=!!this._appointments.find((s=>s.start.getFullYear()===t.getFullYear()&&s.start.getMonth()===t.getMonth()&&s.start.getDate()===t.getDate()));return!s};this.onNextActiveDateClick=async()=>{if(this.nextDate){this.currentDate=this.nextDate;const t=await this.datepickerElement.getPopover();if(t){t.hide()}}};this.onMoreClick=()=>{this.showItems=this.stepItems+this.showItems;const t=this.inputElement.querySelector("stzh-radio");t.focus()};this.onDropdownChange=async t=>{const s=t.target;const e=await s.getValue();if(e){this.sortBy=e}};this.onDatepickerChange=t=>{if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}this.currentDate=t.detail.valueAsDate;this.showItems=this._initialShowItems};this.onRadioChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})};this.localization=undefined;this.disableSort=false;this.sortBy="start";this.appointments=[];this.currentDate=undefined;this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.dateAdapter=undefined}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}currentDateWatcher(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=p(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;const s=this.getCurrentDateAppointments().map((t=>t.value));if(!s.includes(this.value)){this.setValueToFirstAppointmentOfCurrentDate()}}}sortByWatcher(){this.setValueToFirstAppointmentOfCurrentDate()}valueWatcher(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)}appointmentsWatcher(t){this._appointments=this.normalizeAppointments(t);if(this._appointments.length>0){this._appointments.sort(((t,s)=>t.start>s.start?1:-1));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){const t=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((t=>t.start)).every((s=>`${s.getFullYear()}-${s.getMonth()}-${s.getDate()}`===`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)}normalizeAppointments(t){const s=typeof t==="string"?JSON.parse(t):t;return s.map((t=>Object.assign(Object.assign({},t),{start:this.convertToDate(t.start),end:this.convertToDate(t.end)})))}convertToDate(t){if(typeof t==="string"){return new Date(t)}return t}updateDateByValue(){const t=this.value&&this._appointments.find((t=>t.value===this.value));if(!t){console.warn(`No matching appointment found for value: ${this.value}.`)}else{this.dateByValue=t.start}}getCurrentDateAppointments(){let t=0;const s=this._appointments.filter(((s,e)=>{const i=s.start.getFullYear()===this._currentDate.getFullYear()&&s.start.getMonth()===this._currentDate.getMonth()&&s.start.getDate()===this._currentDate.getDate();if(i){t=e}return i}));if(this._appointments[t+1]){this.nextDate=this._appointments[t+1].start}else{this.nextDate=null}s.sort(((t,s)=>t[this.sortBy]>s[this.sortBy]?1:-1));return s}setValueToFirstAppointmentOfCurrentDate(){const t=this.getCurrentDateAppointments().filter((t=>!t.disabled));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}}async componentWillLoad(){this._initialShowItems=this.showItems;this.appointmentsWatcher(this.appointments);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"appointments")}this.dateAdapterWatcher(this.dateAdapter)}componentWillRender(){const t=this.getCurrentDateAppointments();this.appointmentsShown=t.slice(0,this.showItems);this.showMoreLink=this.showItems<t.length;this.moreItemsLeft=t.length-this.showItems;this.showSortStart=!this.disableSort&&t.map((t=>this.dateAdapter.format(t.start,"time"))).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.showSortPlace=!this.disableSort&&t.map((t=>t.place)).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=!this.disableSort&&this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy}componentDidRender(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}}render(){const t=o(this.element,"heading");const s={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return e(i,{key:"c77ca24a7d3c31b30826ea1cf25f9826b21157d7","has-heading":t},e("div",{key:"2bb630b28ba64f9d323be093a3c06c2c47f24ce6",class:s},e("div",{key:"6c8d4f6c245848bff089667bd53bfa51572425f6",class:"stzh-appointments__heading"},e("slot",{key:"40427d38fc16a8af2548c10fea9ce843a225ec80",name:"heading"})),e("div",{key:"ebf5776199be69aed629119b5986ace609c3a6c0",class:"stzh-appointments__wrapper"},this.showCalendar&&e("div",{key:"c492299fa6f261277bc9ed3ad1e6b1308f31e0e1",class:"stzh-appointments__calendar-wrapper"},e("div",{key:"102dbe5c05db14169b97bbf0324e8cbadd4e6266",class:"stzh-appointments__calendar-title-wrapper"},e("div",{key:"f27ec75850a473f6a2877d85cb873c069f819945",class:"stzh-appointments__calendar-title"},e("stzh-icon",{key:"a50a33e1264f77bda4f42f8a22a8176d559aaa96",class:"stzh-appointments__calendar-icon",name:"calendar"}),e("span",{key:"6b44b56e296e315bd56c0c983b4a9f013a893e3e",class:"stzh-appointments__calendar-title-text"},this.calendarTitle||this.localization.calendarTitle))),e("div",{key:"27985abd36c2f72ccaba30c54984e3af9c395acb",class:"stzh-appointments__calendar-content"},e("stzh-datepicker",{key:"7d946736415e4dbdbcc6741197b066032108ea21","hide-optional":true,ref:t=>this.datepickerElement=t,onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},e("stzh-link",{key:"559abf01c39305be7c23a934e0cce57149a537ea",slot:"action",size:"inherit",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments))),e("div",{key:"0b70b9dbde281c2a2cc0b47409913effd46923e7",class:"stzh-appointments__calendar-content-medium"},e("stzh-datepicker",{key:"6696e05beda3ff59f0099811b290475065eed3ba","hide-optional":true,ref:t=>this.datepickerElementMedium=t,onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},this.nextDate&&e("stzh-link",{key:"78cb7788e6ee47bb01ecdeac4b45111b9f252f25",slot:"action",size:"inherit",onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments)))),e("div",{key:"e9aa1d9e5fc1546ca9a93ff2bea8011947e955a0",class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&e("div",{key:"fab836a75950a57507dd320e11dcc27d7da773d6",class:"stzh-appointments__appointments-title-wrapper"},e("div",{key:"9fbbe867a00887a7b2662348a83e817d146f15c2",class:"stzh-appointments__appointments-title"},e("stzh-icon",{key:"01068e67f4a501194342e491863d93f6878cae49",class:"stzh-appointments__appointments-icon",name:"clock"}),e("span",{key:"78cf649a5335d744322cd332d7d7a027dd6d6bd8",class:"stzh-appointments__appointments-title-text"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&e("div",{key:"3f9ca54de448365ef1c3d7f345d89916efc7904b",class:"stzh-appointments__sort"},e("stzh-dropdown",{key:"191b99b90941973487ad5bce06d3205a70a91916","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}))),e("div",{key:"c7f42c9c03b8de2c18028d7d9b4d27a50e4a4793",class:"stzh-appointments__appointments-content"},e("stzh-radiogroup",{key:"47a76cb87f1f718421cc1cf213b37f7fa0baa6c0",class:"stzh-appointments__appointments-radiogroup",ref:t=>this.inputElement=t,legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((t=>e("stzh-radio",{onStzhChange:this.onRadioChange,value:t.value,disabled:typeof t.disabled!=="undefined"?t.disabled:false},e("stzh-text",{font:"heavy",size:"centi"},!this.showCalendar&&e("span",null,this.dateAdapter.format(t.start,"dateLong"),", "),this.dateAdapter.formatSpan(t.start,t.end,"time")),e("stzh-text",{size:"milli"},t.caption))))),this.showMoreLink&&e("stzh-link",{key:"4cda7a5dcbb8694950c1d02725d377eed6625711",class:"stzh-appointments__more-link",size:"inherit",onClick:this.onMoreClick},a(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft)))))))}get element(){return n(this)}static get watchers(){return{dateAdapter:["dateAdapterWatcher"],currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}}};m.style=r;export{m as stzh_appointments};
-//# sourceMappingURL=p-a9ae4450.entry.js.map
+import{r as t,c as s,h as e,a as i,g as n}from"./p-ef5985a3.js";import{tc as a}from"./index.esm.js";import{p,a as h}from"./p-9cc086e2.js";import{h as o}from"./p-09b5eb01.js";import"./p-dae15605.js";const c=".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);margin-bottom:var(--stzh-space-xsmall)}@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)}}@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);padding-bottom:var(--stzh-space-medium);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: 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)}}@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)}}@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);display:flex;align-items:center;justify-content:space-between}@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.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}}";const r=c;const m=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=t=>{const s=!!this._appointments.find((s=>s.start.getFullYear()===t.getFullYear()&&s.start.getMonth()===t.getMonth()&&s.start.getDate()===t.getDate()));return!s};this.onNextActiveDateClick=async()=>{if(this.nextDate){this.currentDate=this.nextDate;const t=await this.datepickerElement.getPopover();if(t){t.hide()}}};this.onMoreClick=()=>{this.showItems=this.stepItems+this.showItems;const t=this.inputElement.querySelector("stzh-radio");t.focus()};this.onDropdownChange=async t=>{const s=t.target;const e=await s.getValue();if(e){this.sortBy=e}};this.onDatepickerChange=t=>{if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}this.currentDate=t.detail.valueAsDate;this.showItems=this._initialShowItems};this.onRadioChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})};this.localization=undefined;this.disableSort=false;this.sortBy="start";this.appointments=[];this.currentDate=undefined;this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.dateAdapter=undefined}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}currentDateWatcher(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=p(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;const s=this.getCurrentDateAppointments().map((t=>t.value));if(!s.includes(this.value)){this.setValueToFirstAppointmentOfCurrentDate()}}}sortByWatcher(){this.setValueToFirstAppointmentOfCurrentDate()}valueWatcher(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)}appointmentsWatcher(t){this._appointments=this.normalizeAppointments(t);if(this._appointments.length>0){this._appointments.sort(((t,s)=>t.start>s.start?1:-1));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){const t=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((t=>t.start)).every((s=>`${s.getFullYear()}-${s.getMonth()}-${s.getDate()}`===`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)}normalizeAppointments(t){const s=typeof t==="string"?JSON.parse(t):t;return s.map((t=>Object.assign(Object.assign({},t),{start:this.convertToDate(t.start),end:this.convertToDate(t.end)})))}convertToDate(t){if(typeof t==="string"){return new Date(t)}return t}updateDateByValue(){const t=this.value&&this._appointments.find((t=>t.value===this.value));if(!t){console.warn(`No matching appointment found for value: ${this.value}.`)}else{this.dateByValue=t.start}}getCurrentDateAppointments(){let t=0;const s=this._appointments.filter(((s,e)=>{const i=s.start.getFullYear()===this._currentDate.getFullYear()&&s.start.getMonth()===this._currentDate.getMonth()&&s.start.getDate()===this._currentDate.getDate();if(i){t=e}return i}));if(this._appointments[t+1]){this.nextDate=this._appointments[t+1].start}else{this.nextDate=null}s.sort(((t,s)=>t[this.sortBy]>s[this.sortBy]?1:-1));return s}setValueToFirstAppointmentOfCurrentDate(){const t=this.getCurrentDateAppointments().filter((t=>!t.disabled));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}}async componentWillLoad(){this._initialShowItems=this.showItems;this.appointmentsWatcher(this.appointments);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"appointments")}this.dateAdapterWatcher(this.dateAdapter)}componentWillRender(){const t=this.getCurrentDateAppointments();this.appointmentsShown=t.slice(0,this.showItems);this.showMoreLink=this.showItems<t.length;this.moreItemsLeft=t.length-this.showItems;this.showSortStart=!this.disableSort&&t.map((t=>this.dateAdapter.format(t.start,"time"))).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.showSortPlace=!this.disableSort&&t.map((t=>t.place)).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=!this.disableSort&&this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy}componentDidRender(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}}render(){const t=o(this.element,"heading");const s={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return e(i,{key:"c77ca24a7d3c31b30826ea1cf25f9826b21157d7","has-heading":t},e("div",{key:"2bb630b28ba64f9d323be093a3c06c2c47f24ce6",class:s},e("div",{key:"6c8d4f6c245848bff089667bd53bfa51572425f6",class:"stzh-appointments__heading"},e("slot",{key:"40427d38fc16a8af2548c10fea9ce843a225ec80",name:"heading"})),e("div",{key:"ebf5776199be69aed629119b5986ace609c3a6c0",class:"stzh-appointments__wrapper"},this.showCalendar&&e("div",{key:"c492299fa6f261277bc9ed3ad1e6b1308f31e0e1",class:"stzh-appointments__calendar-wrapper"},e("div",{key:"102dbe5c05db14169b97bbf0324e8cbadd4e6266",class:"stzh-appointments__calendar-title-wrapper"},e("div",{key:"f27ec75850a473f6a2877d85cb873c069f819945",class:"stzh-appointments__calendar-title"},e("stzh-icon",{key:"a50a33e1264f77bda4f42f8a22a8176d559aaa96",class:"stzh-appointments__calendar-icon",name:"calendar"}),e("span",{key:"6b44b56e296e315bd56c0c983b4a9f013a893e3e",class:"stzh-appointments__calendar-title-text"},this.calendarTitle||this.localization.calendarTitle))),e("div",{key:"27985abd36c2f72ccaba30c54984e3af9c395acb",class:"stzh-appointments__calendar-content"},e("stzh-datepicker",{key:"7d946736415e4dbdbcc6741197b066032108ea21","hide-optional":true,ref:t=>this.datepickerElement=t,onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},e("stzh-link",{key:"559abf01c39305be7c23a934e0cce57149a537ea",slot:"action",size:"inherit",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments))),e("div",{key:"0b70b9dbde281c2a2cc0b47409913effd46923e7",class:"stzh-appointments__calendar-content-medium"},e("stzh-datepicker",{key:"6696e05beda3ff59f0099811b290475065eed3ba","hide-optional":true,ref:t=>this.datepickerElementMedium=t,onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},this.nextDate&&e("stzh-link",{key:"78cb7788e6ee47bb01ecdeac4b45111b9f252f25",slot:"action",size:"inherit",onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments)))),e("div",{key:"e9aa1d9e5fc1546ca9a93ff2bea8011947e955a0",class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&e("div",{key:"fab836a75950a57507dd320e11dcc27d7da773d6",class:"stzh-appointments__appointments-title-wrapper"},e("div",{key:"9fbbe867a00887a7b2662348a83e817d146f15c2",class:"stzh-appointments__appointments-title"},e("stzh-icon",{key:"01068e67f4a501194342e491863d93f6878cae49",class:"stzh-appointments__appointments-icon",name:"clock"}),e("span",{key:"78cf649a5335d744322cd332d7d7a027dd6d6bd8",class:"stzh-appointments__appointments-title-text"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&e("div",{key:"3f9ca54de448365ef1c3d7f345d89916efc7904b",class:"stzh-appointments__sort"},e("stzh-dropdown",{key:"191b99b90941973487ad5bce06d3205a70a91916","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}))),e("div",{key:"c7f42c9c03b8de2c18028d7d9b4d27a50e4a4793",class:"stzh-appointments__appointments-content"},e("stzh-radiogroup",{key:"47a76cb87f1f718421cc1cf213b37f7fa0baa6c0",class:"stzh-appointments__appointments-radiogroup",ref:t=>this.inputElement=t,legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((t=>e("stzh-radio",{onStzhChange:this.onRadioChange,value:t.value,disabled:typeof t.disabled!=="undefined"?t.disabled:false},e("stzh-text",{font:"heavy",size:"centi"},!this.showCalendar&&e("span",null,this.dateAdapter.format(t.start,"dateLong"),", "),this.dateAdapter.formatSpan(t.start,t.end,"time")),e("stzh-text",{size:"milli"},t.caption))))),this.showMoreLink&&e("stzh-link",{key:"4cda7a5dcbb8694950c1d02725d377eed6625711",class:"stzh-appointments__more-link",size:"inherit",onClick:this.onMoreClick},a(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft)))))))}get element(){return n(this)}static get watchers(){return{dateAdapter:["dateAdapterWatcher"],currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}}};m.style=r;export{m as stzh_appointments};
+//# sourceMappingURL=p-5c6ec1b8.entry.js.map

package/dist/stzh-components/p-5dc20152.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,a as n,g as o,F as s}from"./p-ef5985a3.js";import{w as a}from"./p-70ec7e79.js";import{s as r,a as h,b as c}from"./p-2c0bec3e.js";import{h as d}from"./p-09b5eb01.js";import"./p-dae15605.js";const l=":host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px;--margin-left:inherit;--margin-right:inherit}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall);margin-left:var(--margin-left);margin-right:var(--margin-left);}.stzh-accordion__heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-medium) * -1);margin-right:calc(var(--stzh-space-medium) * -1)}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xxlarge) * -1)}}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xxlarge) * -1)}}";const m=l;const z=class{constructor(e){t(this,e);this.stzhVariantChange=i(this,"stzhVariantChange",7);this.variant="default";this.heading="";this.collapsible=true;this.multiselectable=true;this.isNested=undefined}variantWatcher(t){this.stzhVariantChange.emit({component:"stzh-accordion",value:t})}openListener(t){const i=t.target;const e=i.closest("stzh-accordion");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-accordion-item"||e!==this.element){return}const n=Array.from(e.querySelectorAll("stzh-accordion-item"));n.forEach((t=>{if(t!==i){t.hide()}}))}async setItemFocus(t,i){const e=t.closest("stzh-accordion");if(e!==this.element){return}const n=Array.from(e.querySelectorAll(":scope > stzh-accordion-item")).filter((t=>!t.disabled));const o=n.indexOf(t);if((i==="prev"||i==="next")&&o===null){i=i==="prev"?"last":"first"}if(i==="prev"&&o===0){i="last"}if(i==="next"&&o===n.length-1){i="first"}if(i==="prev"){n[o-1].focus()}else if(i==="next"){n[o+1].focus()}else if(i==="last"){n[n.length-1].focus()}else if(i==="first"){n[0].focus()}else{t.focus()}}checkIfNested(){let t=this.element.parentElement;while(t){if(t.tagName.toLowerCase()==="stzh-accordion"){this.isNested=true;break}t=t.parentElement}}componentDidLoad(){this.checkIfNested()}render(){const t={"stzh-accordion":true,"stzh-accordion--is-nested":this.isNested};return e(n,{key:"4fbcf9f9621a2233522ac7cf47cda9ea6f324e93"},e("div",{key:"2712dc04d80aa16eec8eb8f1b4e1db3a18a48f70",class:t},this.heading&&e("div",{key:"b177882d9db6b7da503816723a262a6008261470",class:"stzh-accordion__heading"},e("stzh-heading",{key:"3ae3ed7f79ad459703368b072c1d67957655b1ce",level:"2"},this.heading)),e("slot",{key:"5f3e575b98d1f011b5eff850ec15e436984f9020"})))}get element(){return o(this)}static get watchers(){return{variant:["variantWatcher"]}}};z.style=m;const f=':host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--trigger-size:1.125rem;--trigger-color:currentColor;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-accordion-button-color, var(--stzh-color-primary70));--button-background-color:var(--stzh-accordion-button-background-color, var(--stzh-color-secondary30));--button-background-color-is-open:var(--stzh-accordion-button-background-color-is-open, var(--stzh-color-secondary30));--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-accordion-button-hover-background-color, var(--stzh-color-secondary40));--hover-trigger-color:var(--trigger-color);--transition-duration:200ms}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([is-variant=table])){--trigger-size:var(--stzh-icon-size);--content-background:var(--stzh-color-grey10);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-black);--hover-button-background-color:var(--stzh-color-grey30)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-variant=table])){--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([disabled]:not([disabled=false]))){--button-color:var(--stzh-color-grey80);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-grey80);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-trigger-color:var(--trigger-color)}.stzh-accordion-item{}.stzh-accordion-item__heading{position:relative;margin:0}.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);font-family:inherit;width:100%;appearance:none;display:flex;align-items:center;min-height:3.75rem;color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--transition-duration);cursor:pointer}@media screen and (min-width: 900px){.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xxlarge)}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button{transition:none}}.stzh-accordion-item__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xxlarge)}}.stzh-accordion-item__button-text{flex-grow:1}.stzh-accordion-item__button-icon.is-default{position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform, background-color;transition-duration:var(--transition-duration);transform-origin:top left;background-color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{transition:none}}.stzh-accordion-item__button-icon.is-default::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-default::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-table{--size:var(--trigger-size);transition-property:transform, color;transition-duration:var(--transition-duration);color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-table{transition:none}}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-table{color:var(--hover-trigger-color)}.stzh-accordion-item__content{overflow:hidden;background-color:var(--content-background)}@media print{.stzh-accordion-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper{--stzh-icon-size:var(--icon-size);align-self:flex-start}.stzh-accordion-item__badge{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading-text,.stzh-accordion-item__description,.stzh-accordion-item__subtitle{display:block}.stzh-accordion-item__subtitle{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-accordion-item__subtitle{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-accordion-item--has-icon .stzh-accordion-item__icon-wrapper{margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall)}}.stzh-accordion-item--is-open .stzh-accordion-item__button{background-color:var(--button-background-color-is-open)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::after{transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-table{transform:rotate(180deg)}.stzh-accordion-item--table .stzh-accordion-item__button,.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}.stzh-accordion-item__button{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);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);min-height:3.5rem}.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-accordion-item--table .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-accordion-item--is-disabled .stzh-accordion-item__button{cursor:not-allowed}';const g=f;const p={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};const u={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let b=0;const v=class{constructor(e){t(this,e);this.stzhOpen=i(this,"stzhOpen",7);this.stzhOpened=i(this,"stzhOpened",7);this.stzhClose=i(this,"stzhClose",7);this.stzhClosed=i(this,"stzhClosed",7);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.toggledByMethod=false;this.focusedByInput=false;this.shiftPressed=false;this.handleVariantChange=t=>{this.variantWatcher(this.variant)};this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.accordion||this.accordion.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onFocus=t=>{this.focusedByInput=true;if(this.shiftPressed){this.rootTabindex=-1}this.stzhFocus.emit({component:"stzh-accordion-item",originalEvent:t})};this.onBlur=t=>{this.rootTabindex=0;this.stzhBlur.emit({component:"stzh-accordion-item",originalEvent:t})};this.onButtonKeydown=t=>{let i=null;if(t.key==="ArrowDown"){i="next"}else if(t.key==="ArrowUp"){i="prev"}else if(t.key==="Home"){i="first"}else if(t.key==="End"){i="last"}else if(t.key==="PageDown"&&t.ctrlKey){i="next"}else if(t.key==="PageUp"&&t.ctrlKey){i="prev"}if(t.key==="Shift"){this.rootTabindex=-1}if(i){t.preventDefault();this.accordion.setItemFocus(this.element,i)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let i=null;if(t.key==="PageDown"){i="next"}else if(t.key==="PageUp"){i="prev"}if(i){t.preventDefault();this.accordion.setItemFocus(this.element,i)}};this.variant=undefined;this.collapsible=undefined;this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.description="";this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.analyticsId=undefined;this.rootTabindex=0;this._variant=undefined}variantWatcher(t){if(typeof t!=="undefined"){this._variant=t}else if(this.accordion){this._variant=this.accordion.variant}}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}await r(this.bodyElement);this.bodyElement.hidden=false;await h(this.bodyElement,c(p.keyframes,{height:this.bodyElement.scrollHeight}),p.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}await r(this.bodyElement);this.bodyElement.style.overflow="hidden";await h(this.bodyElement,c(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}}this.toggledByMethod=false}async show(){if(this.open||this.disabled){return}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled){return}this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}handleKeydown(t){if(t.key==="Shift"){this.shiftPressed=true}}handleKeyup(t){if(t.key==="Shift"){this.shiftPressed=false}}componentWillLoad(){this.accordionItemId=`stzh-accordion-item-${b++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.accordion=this.element.closest("stzh-accordion");if(this.accordion){this.accordion.addEventListener("stzhVariantChange",this.handleVariantChange)}this.variantWatcher(this.variant)}disconnectedCallback(){if(this.accordion){this.accordion.removeEventListener("stzhVariantChange",this.handleVariantChange);this.accordion=null}}render(){let t=d(this.element,"icon")||!!this.icon;if(this.iconWrapperElement){t=d(this.iconWrapperElement,"icon")||!!this.icon}const i=`h${this.headingLevel}`;const o={"stzh-accordion-item":true,"stzh-accordion-item--has-icon":t,"stzh-accordion-item--has-description":!!this.description,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled,[`stzh-accordion-item--${this._variant}`]:!!this._variant};return e(n,{key:"39a03322610b9d3eb9fb402e28756e5cea238364",tabindex:this.disabled?null:this.rootTabindex,"is-variant":this._variant},e("div",{key:"2781cafc0d0fc2ca901785338ee5e883e2e375f2",class:o},e(i,{key:"7dfd8b9b08ac5a0c39da5f3ac92ade266c267d87",id:`${this.accordionItemId}-header`,class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},e("button",{key:"624c785e320836ae6e7a855956cc033e4ba55cc8",ref:t=>this.buttonElement=t,class:"stzh-accordion-item__button","aria-controls":`${this.accordionItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},e("span",{key:"ac22bab0d9e46ad8c8e470b8dfd5cca5179539c0",class:"stzh-accordion-item__icon-wrapper",ref:t=>this.iconWrapperElement=t},this.icon?e("stzh-icon",{class:"stzh-accordion-item__icon",name:this.icon}):e("slot",{name:"icon"})),e("span",{key:"20dbe1f6d69b8af6cf46e672d8d701c1b68b8a64",class:"stzh-accordion-item__button-text"},e("span",{key:"6ed93fddd94e03665bc15d2383e9231f22f0c87b",class:"stzh-accordion-item__subtitle"},this.subtitle),e("span",{key:"450f5ed56b7f34043b549fbea4d3ec00a31490e4",class:"stzh-accordion-item__heading-text"},this.heading),e("span",{key:"58f63b83273355b008385efa64da4abcf2be4008",class:"stzh-accordion-item__description"},this.description)),this._variant==="table"?e("stzh-icon",{name:"angle-down",class:"stzh-accordion-item__button-icon is-table"}):e("span",{class:"stzh-accordion-item__button-icon is-default"}),(this.badge||this.badgeEmpty)&&e("stzh-badge",{key:"532ba3808c04e61de5f20b9e170768ed54977ffb",class:"stzh-accordion-item__badge",label:this.badge,type:this.badgeType}))),e("div",{key:"79ae9c051c67d204bf6e70a98f271eb9d0aba9e0",id:`${this.accordionItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-accordion-item__content","aria-labelledby":`${this.accordionItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},e("div",{key:"90293c48c8044807cb3e3946f928de46b6ddb1b0",class:"stzh-accordion-item__content-inner"},e("slot",{key:"46741c99f6a6f8cde0f21f2638168d1febd3ec42"})))))}get element(){return o(this)}static get watchers(){return{variant:["variantWatcher"],open:["openWatcher"]}}};v.style=g;const _=".sc-stzh-pagination-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-pagination-h,[stzh-hidden].sc-stzh-pagination-h{display:none}.sc-stzh-pagination-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagination-h *.sc-stzh-pagination,.sc-stzh-pagination-h *.sc-stzh-pagination::before,.sc-stzh-pagination-h *.sc-stzh-pagination::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-pagination-h .has-focus.sc-stzh-pagination{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagination-h .stzh-fylingfocus-focused.sc-stzh-pagination{outline-style:none !important}.sc-stzh-pagination-h .stzh-fylingfocus-focused.sc-stzh-pagination::-moz-focus-inner{border:0 !important}.sc-stzh-pagination-h{--justify-content:inherit;--padding-left:calc(var(--stzh-form-input-height) + var(--stzh-space-medium))}.stzh-pagination.sc-stzh-pagination{position:relative;display:flex;align-items:center;gap:var(--stzh-space-medium);padding-left:var(--padding-left);justify-content:var(--justify-content)}.stzh-pagination__input.sc-stzh-pagination{--text-align:center;--input-width:var(--stzh-form-input-height);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;position:absolute;top:0;left:0}.stzh-pagination__total.sc-stzh-pagination{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);color:var(--stzh-color-grey70)}.stzh-pagination--size-small.sc-stzh-pagination{padding-left:calc(var(--stzh-form-input-small-height) + var(--stzh-space-medium))}.stzh-pagination--size-small.sc-stzh-pagination .stzh-pagination__input.sc-stzh-pagination{--input-width:var(--stzh-form-input-small-height)}";const x=_;const y=class{constructor(e){t(this,e);this.stzhChange=i(this,"stzhChange",7);this.gotoPage=t=>{const i=this.value;if(t>=1&&t<=this.total){this.value=t}else if(t>this.total){this.value=this.total}else{this.value=1}if(i!==this.value){this.stzhChange.emit({component:"stzh-pagination",page:Number(this.value)})}};this.onRootFocus=()=>{if(this.input){this.input.focus()}};this.onInputChange=t=>{const i=Number(t.detail.value)||1;this.gotoPage(i)};this.total=1;this.name="";this.value=1;this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.allowManualInput=true;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.size="default";this.a11yDescribedby="";this.localization=undefined}async prev(){this.gotoPage(this.value-1)}async next(){this.gotoPage(this.value+1)}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pagination")}}render(){var t;const i={"stzh-pagination":true,[`stzh-pagination--size-${this.size}`]:!!this.size};return e(n,{key:"a751eca6afd44c8df742289861262bace329dd96",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"9e601fe193c6e276e5b8319d60000329ac87f6fb",class:i},this.allowManualInput?e(s,null,e("stzh-input",{class:"stzh-pagination__input",type:"number",min:1,max:this.total,label:this.label||this.localization.label,labelHidden:true,ref:t=>this.input=t,onStzhChange:this.onInputChange,value:((t=this.value)===null||t===void 0?void 0:t.toString())||"",required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,a11yDescribedby:this.a11yDescribedby,name:this.name,size:this.size,invalid:this.invalid,hideOptional:true,noAutocomplete:true}),e("div",{class:"stzh-pagination__total"},this.localization.totalLabel.replace(/\{total\}/gi,this.total.toString()))):e("div",{class:"stzh-pagination__total"},this.value," ",this.localization.totalLabel.replace(/\{total\}/gi,this.total.toString())),e("stzh-buttongroup",{key:"4e0982e44f77f8830e5eb8345cd3834c85590c59"},e("stzh-button",{key:"35f7dc194942f0867305f7904e3039b7a0d25d80",variant:"tertiary",icon:"angle-left","icon-only":true,size:this.size,a11yDisabled:this.value<=1,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.prev()}),e("stzh-button",{key:"b6e95915a6c43e7ddadcc994d3830425273eb538",variant:"tertiary",icon:"angle-right","icon-only":true,size:this.size,a11yDisabled:this.value>=this.total,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.next()}))))}get element(){return o(this)}};y.style=x;export{z as stzh_accordion,v as stzh_accordion_item,y as stzh_pagination};
+//# sourceMappingURL=p-5dc20152.entry.js.map

package/dist/stzh-components/p-5dc20152.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhAccordionCss","StzhAccordionStyle0","StzhAccordion","variantWatcher","newValue","this","stzhVariantChange","emit","component","value","openListener","event","accordionItemOpened","target","accordionOpened","closest","multiselectable","detail","element","items","Array","from","querySelectorAll","forEach","item","hide","setItemFocus","accordionItem","action","accordion","filter","disabled","currentIndex","indexOf","length","focus","checkIfNested","parentElement","tagName","toLowerCase","isNested","componentDidLoad","render","classes","h","Host","key","class","heading","level","stzhAccordionItemCss","StzhAccordionItemStyle0","ANIMATION_SHOW","keyframes","height","opacity","options","duration","easing","ANIMATION_HIDE","accordionItemCounter","StzhAccordionItem","toggledByMethod","focusedByInput","shiftPressed","handleVariantChange","_event","variant","handleHeaderClick","collapsible","toggle","open","show","onFocus","rootTabindex","stzhFocus","originalEvent","onBlur","stzhBlur","onButtonKeydown","ctrlKey","preventDefault","onContentKeydown","_variant","openWatcher","bodyElement","stzhOpen","stopAnimations","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","waitForEvent","handleKeydown","handleKeyup","componentWillLoad","accordionItemId","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","hasIcon","hasSlot","icon","iconWrapperElement","Heading","headingLevel","description","subtitle","tabindex","id","onClick","ref","el","buttonElement","onKeyDown","type","analyticsId","name","badge","badgeEmpty","label","badgeType","role","stzhPaginationCss","StzhPaginationStyle0","StzhPagination","gotoPage","newPage","previous","total","stzhChange","page","Number","onRootFocus","input","onInputChange","prev","next","localization","window","stzhComponents","utils","fetchTranslations","size","allowManualInput","Fragment","min","max","labelHidden","onStzhChange","_a","toString","required","descriptionLong","error","a11yDescribedby","invalid","hideOptional","noAutocomplete","totalLabel","replace","a11yDisabled","a11yLabel","prevLabel","selectedPageLabel","nextLabel"],"sources":["src/components/stzh-accordion/stzh-accordion.scss?tag=stzh-accordion&encapsulation=shadow","src/components/stzh-accordion/stzh-accordion.tsx","src/components/stzh-accordion-item/stzh-accordion-item.scss?tag=stzh-accordion-item&encapsulation=shadow","src/components/stzh-accordion-item/stzh-accordion-item.tsx","src/components/stzh-pagination/stzh-pagination.scss?tag=stzh-pagination&encapsulation=scoped","src/components/stzh-pagination/stzh-pagination.tsx"],"sourcesContent":[":host {\n  // disable section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n\n  --margin-left: inherit;\n  --margin-right: inherit;\n}\n\n.stzh-accordion {\n  display: grid;\n  gap: space('xsmall');\n  margin-left: var(--margin-left);\n  margin-right: var(--margin-left);\n\n  &__heading {\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  /* is nested within another accordion */\n\n  &--is-nested {\n    @include spaceCurve('margin-left', 'regular', true);\n    @include spaceCurve('margin-right', 'regular', true);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport { StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-accordion-item` elements\n */\n@Component({\n  tag: \"stzh-accordion\",\n  styleUrl: \"stzh-accordion.scss\",\n  shadow: true,\n})\nexport class StzhAccordion {\n  /** Variant */\n  @Prop({ reflect: true }) variant: StzhAccordionVariant = \"default\";\n\n  /** Heading */\n  @Prop({ reflect: true }) heading: string = \"\";\n\n  /** Whether folds are collapsible */\n  @Prop() collapsible: boolean = true;\n\n  /** Whether multiple folds can be opened at once */\n  @Prop() multiselectable: boolean = true;\n\n  @Element() element: HTMLStzhAccordionElement;\n\n  /** Variant change event */\n  @Event() stzhVariantChange: EventEmitter<StzhAccordionVariantChangeEvent>;\n\n  @State() isNested: boolean;\n\n  @Watch(\"variant\")\n  variantWatcher(newValue: StzhAccordionVariant) {\n    this.stzhVariantChange.emit({\n      component: \"stzh-accordion\",\n      value: newValue,\n    });\n  }\n\n  @Listen(\"stzhOpen\")\n  openListener(event: CustomEvent<StzhAccordionItemOpenEvent>) {\n    const accordionItemOpened = event.target as HTMLStzhAccordionItemElement;\n    const accordionOpened = accordionItemOpened.closest(\"stzh-accordion\");\n\n    if (\n      this.multiselectable ||\n      (event.detail && event.detail.component !== \"stzh-accordion-item\") ||\n      accordionOpened !== this.element\n    ) {\n      return;\n    }\n\n    const items: HTMLStzhAccordionItemElement[] = Array.from(accordionOpened.querySelectorAll(\"stzh-accordion-item\"));\n    items.forEach(item => {\n      if (item !== accordionItemOpened) {\n        item.hide();\n      }\n    });\n  }\n\n  /** Set focus to accordion item */\n  @Method()\n  async setItemFocus(accordionItem: HTMLStzhAccordionItemElement, action: string) {\n    const accordion = accordionItem.closest(\"stzh-accordion\");\n\n    if (accordion !== this.element) {\n      return;\n    }\n\n    const items = (\n      Array.from(accordion.querySelectorAll(\":scope > stzh-accordion-item\")) as HTMLStzhAccordionItemElement[]\n    ).filter(item => !item.disabled);\n\n    const currentIndex = items.indexOf(accordionItem);\n\n    if ((action === \"prev\" || action === \"next\") && currentIndex === null) {\n      action = action === \"prev\" ? \"last\" : \"first\";\n    }\n\n    if (action === \"prev\" && currentIndex === 0) {\n      action = \"last\";\n    }\n\n    if (action === \"next\" && currentIndex === items.length - 1) {\n      action = \"first\";\n    }\n\n    if (action === \"prev\") {\n      items[currentIndex - 1].focus();\n    } else if (action === \"next\") {\n      items[currentIndex + 1].focus();\n    } else if (action === \"last\") {\n      items[items.length - 1].focus();\n    } else if (action === \"first\") {\n      items[0].focus();\n    } else {\n      accordionItem.focus();\n    }\n  }\n\n  private checkIfNested() {\n    let parentElement = this.element.parentElement;\n\n    while (parentElement) {\n      if (parentElement.tagName.toLowerCase() === \"stzh-accordion\") {\n        this.isNested = true;\n        break;\n      }\n      parentElement = parentElement.parentElement;\n    }\n  }\n\n  componentDidLoad() {\n    this.checkIfNested();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-accordion\": true,\n      \"stzh-accordion--is-nested\": this.isNested,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this.heading && (\n            <div class=\"stzh-accordion__heading\">\n              <stzh-heading level=\"2\">{this.heading}</stzh-heading>\n            </div>\n          )}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --content-background: Content background\n *\n * @prop --stzh-accordion-content-background: **Global**: Content background\n * @prop --stzh-accordion-button-color: **Global**: Button label background\n */\n\n:host {\n  --trigger-size: 18px;\n  --trigger-color: currentColor;\n  --content-background: #{$accordionContentBackground};\n  --icon-size: #{iconSize()};\n  --button-color: var(--stzh-accordion-button-color, #{$colorPrimary70});\n  --button-background-color: var(--stzh-accordion-button-background-color, #{$colorSecondary30});\n  --button-background-color-is-open: var(--stzh-accordion-button-background-color-is-open, #{$colorSecondary30});\n\n  --hover-button-color: var(--button-color);\n  --hover-button-background-color: var(--stzh-accordion-button-hover-background-color, #{$colorSecondary40});\n  --hover-trigger-color: var(--trigger-color);\n\n  --transition-duration: 200ms;\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  @include highContrast() {\n    --trigger-color: CanvasText;\n\n    --hover-trigger-color: CanvasText;\n  }\n}\n\n/* Table */\n:host(:where([is-variant=\"table\"])) {\n  --trigger-size: #{iconSize()};\n  --content-background: #{$colorGrey10};\n  --button-background-color: #{$colorGrey20};\n  --trigger-color: #{$colorBlack};\n\n  --hover-button-background-color: #{$colorGrey30};\n\n  @include highContrast() {\n    --trigger-color: CanvasText;\n\n    --hover-trigger-color: CanvasText;\n  }\n}\n\n/* Disabled */\n\n:host(:where([disabled]:not([disabled=\"false\"]))) {\n  --button-color: #{$colorGrey80};\n  --button-background-color: #{$colorGrey20};\n  --trigger-color: #{$colorGrey80};\n\n  --hover-button-color: var(--button-color);\n  --hover-button-background-color: var(--button-background-color);\n  --hover-trigger-color: var(--trigger-color);\n}\n\n.stzh-accordion-item {\n  &__heading {\n    position: relative;\n    margin: 0;\n  }\n\n  &__button {\n    @include fontCurve('p1');\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'regular');\n    font-family: inherit;\n    width: 100%;\n    appearance: none;\n    display: flex;\n    align-items: center;\n    min-height: 60px;\n    color: var(--button-color);\n    background-color: var(--button-background-color);\n    text-align: left;\n    border: none;\n    transition-property: background-color;\n    transition-duration: var(--transition-duration);\n    cursor: pointer;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &:hover {\n      color: var(--hover-button-color);\n      background-color: var(--hover-button-background-color);\n    }\n  }\n\n  &__button,\n  &__content-inner {\n    @include spaceCurve('padding-left', 'regular');\n    @include spaceCurve('padding-right', 'regular');\n  }\n\n  &__button-text {\n    flex-grow: 1;\n  }\n\n  &__button-icon {\n    &.is-default {\n      position: relative;\n      display: block;\n      width: var(--trigger-size);\n      height: var(--trigger-size);\n      margin-left: space('medium');\n\n      &::before,\n      &::after {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        content: '';\n        display: block;\n        width: var(--trigger-size);\n        height: 2.5px;\n        transition-property: transform, background-color;\n        transition-duration: var(--transition-duration);\n        transform-origin: top left;\n        background-color: var(--trigger-color);\n\n        @media (prefers-reduced-motion: reduce) {\n          transition: none;\n        }\n      }\n\n      &::before {\n        transform: rotate(180deg) translate(-50%, -50%);\n      }\n\n      &::after {\n        transform: rotate(90deg) translate(-50%, -50%);\n      }\n    }\n\n    &.is-table {\n      --size: var(--trigger-size);\n\n      transition-property: transform, color;\n      transition-duration: var(--transition-duration);\n      color: var(--trigger-color);\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n\n  &__button:hover &__button-icon {\n    &.is-default {\n      &::before,\n      &::after {\n        background-color: var(--hover-trigger-color);\n      }\n    }\n\n    &.is-table {\n      color: var(--hover-trigger-color);\n    }\n  }\n\n  &__content {\n    overflow: hidden;\n    background-color: var(--content-background);\n\n    @media print {\n      height: auto !important;\n      overflow: visible !important;\n      display: block !important;\n    }\n  }\n\n  &__content-inner {\n    @include spaceCurve('padding-top', 'medium');\n    @include spaceCurve('padding-bottom', 'medium');\n  }\n\n  &__icon-wrapper {\n    --stzh-icon-size: var(--icon-size);\n\n    align-self: flex-start;\n  }\n\n  &__badge {\n    position: absolute;\n    right: -5px;\n    top: -5px;\n  }\n\n  &__description {\n    @include fontCurve('caption');\n  }\n\n  &__heading-text,\n  &__description,\n  &__subtitle {\n    display: block;\n  }\n\n  &__subtitle {\n    @include fontCurve('p2');\n  }\n\n  /* Has icon */\n\n  &--has-icon &__icon-wrapper {\n    margin-right: space('xsmall');\n  }\n\n  /* Title Variant / Subtitle */\n\n  &--title &__heading-text,\n  &--has-subtitle &__heading-text {\n    @include font('title');\n    @include fontCurve('h3', 'heading');\n  }\n\n  &--title &__subtitle:not(:empty) + &__heading-text,\n  &--has-subtitle &__subtitle:not(:empty) + &__heading-text {\n    @include spaceCurve('margin-top', 'tiny');\n\n    @include mq($from: medium) {\n      margin-top: space('xsmall');\n    }\n  }\n\n  /* Open */\n\n  &--is-open &__button {\n    background-color: var(--button-background-color-is-open);\n  }\n\n  &--is-open &__button-icon {\n    &.is-default {\n      &::before,\n      &::after {\n        transform: rotate(0) translate(-50%, -50%);\n      }\n    }\n\n    &.is-table {\n      transform: rotate(180deg);\n    }\n  }\n\n  /* Table Variant */\n\n  &--table &__button,\n  &--table &__content-inner {\n    padding-left: space('medium');\n    padding-right: space('medium');\n  }\n\n  &__button {\n    @include fontSize('milli');\n    padding-top: space('medium');\n    padding-bottom: space('medium');\n    min-height: 56px;\n  }\n\n  &--table &__content-inner {\n    @include spaceCurve('padding-top', 'tiny');\n    @include spaceCurve('padding-bottom', 'regular');\n  }\n\n  &--table &__heading-text {\n    @include font('heavy');\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemBlurEvent,\n  StzhAccordionItemClosedEvent,\n  StzhAccordionItemCloseEvent,\n  StzhAccordionItemFocusEvent,\n  StzhAccordionItemOpenedEvent,\n  StzhAccordionItemOpenEvent,\n  StzhAccordionVariant,\n  StzhAccordionVariantChangeEvent,\n  StzhBadgeType,\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, shimKeyframesAutoValues, stopAnimations } from \"../../utils/animation-utils\";\nimport { hasSlot } from \"../../utils/utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nlet accordionItemCounter = 0;\n\n/**\n * @slot - Slot for any content\n * @slot icon - Slot for icon element\n */\n@Component({\n  tag: \"stzh-accordion-item\",\n  styleUrl: \"stzh-accordion-item.scss\",\n  shadow: true,\n})\nexport class StzhAccordionItem {\n  /** Variant (overwrites variant from accordion parent) */\n  @Prop() variant: StzhAccordionVariant;\n\n  /** Whether fold is collapsible (overwrites collapsible from accordion parent) */\n  @Prop() collapsible: boolean;\n\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Whether fold disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Heading title */\n  @Prop() heading: string = \"\";\n\n  /** Subtitle */\n  @Prop() subtitle: string = \"\";\n\n  /** Description */\n  @Prop() description: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** Badge */\n  @Prop() badge: string = \"\";\n\n  /** Whether badge should be displayed empty */\n  @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n  /** Badge type */\n  @Prop({ reflect: true }) badgeType: StzhBadgeType = \"default\";\n\n  /** Heading level, for accessibility, no visual impact */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `heading` prop.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhAccordionItemElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n  @Watch(\"variant\")\n  variantWatcher(newValue: StzhAccordionVariant) {\n    if (typeof newValue !== \"undefined\") {\n      this._variant = newValue;\n    } else if (this.accordion) {\n      this._variant = this.accordion.variant;\n    }\n  }\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.bodyElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_SHOW.options\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_HIDE.options\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  /** Show accordion item content */\n  @Method()\n  async show() {\n    if (this.open || this.disabled) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide accordion item content */\n  @Method()\n  async hide() {\n    if (!this.open || this.disabled) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle accordion item content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhAccordionItemFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhAccordionItemBlurEvent>;\n\n  @Listen(\"keydown\", { target: \"document\", capture: true })\n  handleKeydown(event: KeyboardEvent) {\n    if (event.key === \"Shift\") {\n      this.shiftPressed = true;\n    }\n  }\n\n  @Listen(\"keyup\", { target: \"document\", capture: true })\n  handleKeyup(event: KeyboardEvent) {\n    if (event.key === \"Shift\") {\n      this.shiftPressed = false;\n    }\n  }\n\n  @State() rootTabindex: number = 0;\n  @State() _variant: StzhAccordionVariant;\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  // @ts-ignore\n  private buttonElement: HTMLButtonElement;\n  private iconWrapperElement: HTMLDivElement;\n  private accordionItemId: string;\n  private accordion: HTMLStzhAccordionElement;\n  // @ts-ignore\n  private focusedByInput: boolean = false;\n  private shiftPressed: boolean = false;\n\n  private handleVariantChange = (_event: CustomEvent<StzhAccordionVariantChangeEvent>) => {\n    this.variantWatcher(this.variant);\n  };\n\n  private handleHeaderClick = () => {\n    if (typeof this.collapsible !== \"undefined\") {\n      if (this.collapsible) {\n        this.toggle();\n      } else if (!this.open) {\n        this.show();\n      }\n    } else if (!this.accordion || this.accordion.collapsible) {\n      this.toggle();\n    } else if (!this.open) {\n      this.show();\n    }\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    if (this.shiftPressed) {\n      // user presses currently shift\n      this.rootTabindex = -1;\n    }\n\n    this.stzhFocus.emit({\n      component: \"stzh-accordion-item\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    this.rootTabindex = 0;\n\n    this.stzhBlur.emit({\n      component: \"stzh-accordion-item\",\n      originalEvent: event,\n    });\n  };\n\n  private onButtonKeydown = (event: KeyboardEvent) => {\n    let action = null;\n\n    if (event.key === \"ArrowDown\") {\n      action = \"next\";\n    } else if (event.key === \"ArrowUp\") {\n      action = \"prev\";\n    } else if (event.key === \"Home\") {\n      action = \"first\";\n    } else if (event.key === \"End\") {\n      action = \"last\";\n    } else if (event.key === \"PageDown\" && event.ctrlKey) {\n      action = \"next\";\n    } else if (event.key === \"PageUp\" && event.ctrlKey) {\n      action = \"prev\";\n    }\n\n    if (event.key === \"Shift\") {\n      this.rootTabindex = -1;\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.accordion.setItemFocus(this.element, action);\n    }\n  };\n\n  private onContentKeydown = (event: KeyboardEvent) => {\n    if (!event.ctrlKey) {\n      return;\n    }\n\n    let action = null;\n\n    if (event.key === \"PageDown\") {\n      action = \"next\";\n    } else if (event.key === \"PageUp\") {\n      action = \"prev\";\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.accordion.setItemFocus(this.element, action);\n    }\n  };\n\n  componentWillLoad() {\n    this.accordionItemId = `stzh-accordion-item-${accordionItemCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n  }\n\n  async connectedCallback() {\n    this.accordion = this.element.closest(\"stzh-accordion\");\n\n    if (this.accordion) {\n      this.accordion.addEventListener(\"stzhVariantChange\", this.handleVariantChange);\n    }\n\n    this.variantWatcher(this.variant);\n  }\n\n  disconnectedCallback() {\n    if (this.accordion) {\n      this.accordion.removeEventListener(\"stzhVariantChange\", this.handleVariantChange);\n      this.accordion = null;\n    }\n  }\n\n  render() {\n    let hasIcon = hasSlot(this.element, \"icon\") || !!this.icon;\n    if (this.iconWrapperElement) {\n      hasIcon = hasSlot(this.iconWrapperElement, \"icon\") || !!this.icon;\n    }\n\n    const Heading = `h${this.headingLevel}`;\n    const classes = {\n      \"stzh-accordion-item\": true,\n      \"stzh-accordion-item--has-icon\": hasIcon,\n      \"stzh-accordion-item--has-description\": !!this.description,\n      \"stzh-accordion-item--has-subtitle\": !!this.subtitle,\n      \"stzh-accordion-item--is-open\": this.open,\n      \"stzh-accordion-item--is-disabled\": this.disabled,\n      [`stzh-accordion-item--${this._variant}`]: !!this._variant,\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : this.rootTabindex} is-variant={this._variant}>\n        <div class={classes}>\n          <Heading\n            id={`${this.accordionItemId}-header`}\n            class=\"stzh-accordion-item__heading\"\n            onClick={this.handleHeaderClick}\n          >\n            <button\n              ref={el => (this.buttonElement = el as HTMLButtonElement)}\n              class=\"stzh-accordion-item__button\"\n              aria-controls={`${this.accordionItemId}-content`}\n              aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n              disabled={this.disabled}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n              onKeyDown={this.onButtonKeydown}\n              type=\"button\"\n              s-object-id={this.analyticsId || this.heading}\n            >\n              <span\n                class=\"stzh-accordion-item__icon-wrapper\"\n                ref={el => (this.iconWrapperElement = el as HTMLDivElement)}\n              >\n                {this.icon ? (\n                  <stzh-icon class=\"stzh-accordion-item__icon\" name={this.icon}></stzh-icon>\n                ) : (\n                  <slot name=\"icon\"></slot>\n                )}\n              </span>\n              <span class=\"stzh-accordion-item__button-text\">\n                <span class=\"stzh-accordion-item__subtitle\">{this.subtitle}</span>\n                <span class=\"stzh-accordion-item__heading-text\">{this.heading}</span>\n                <span class=\"stzh-accordion-item__description\">{this.description}</span>\n              </span>\n              {this._variant === \"table\" ? (\n                <stzh-icon name=\"angle-down\" class=\"stzh-accordion-item__button-icon is-table\"></stzh-icon>\n              ) : (\n                <span class=\"stzh-accordion-item__button-icon is-default\"></span>\n              )}\n\n              {(this.badge || this.badgeEmpty) && (\n                <stzh-badge class=\"stzh-accordion-item__badge\" label={this.badge} type={this.badgeType}></stzh-badge>\n              )}\n            </button>\n          </Heading>\n          <div\n            id={`${this.accordionItemId}-content`}\n            ref={el => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-accordion-item__content\"\n            aria-labelledby={`${this.accordionItemId}-header`}\n            role=\"region\"\n            onKeyDown={this.onContentKeydown}\n          >\n            <div class=\"stzh-accordion-item__content-inner\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --justify-content: inherit;\n  --padding-left: calc(#{$formInputHeight} + #{space('medium')});\n}\n\n.stzh-pagination {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: space('medium');\n  padding-left: var(--padding-left);\n  justify-content: var(--justify-content);\n\n  &__input {\n    --text-align: center;\n    --input-width: #{$formInputHeight};\n    --padding-top: 0px;\n    --padding-bottom: 0px;\n    --padding-left: 0px;\n    --padding-right: 0px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  &__total {\n    @include fontSize('nano');\n    color: $colorGrey70;\n  }\n\n  &--size-small {\n    padding-left: calc(#{$formInputHeightSmall} + #{space('medium')});\n  }\n\n  &--size-small &__input {\n    --input-width: #{$formInputHeightSmall};\n  }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Method, Prop } from \"@stencil/core\";\n\nimport { StzhInputChangeEvent, StzhPaginationChangeEvent } from \"../../index\";\n\nimport { StzhPaginationLocalizedText } from \"./stzh-pagination.localization\";\n\n/**\n */\n@Component({\n  tag: \"stzh-pagination\",\n  styleUrl: \"stzh-pagination.scss\",\n  scoped: true,\n})\nexport class StzhPagination {\n  /** Total pages available. */\n  @Prop() total: number = 1;\n\n  /** Name of the hidden date picker input. */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Current page. */\n  @Prop({ mutable: true }) value: number = 1;\n\n  /** Label for dropdown */\n  @Prop() label: string = \"\";\n\n  /** Whether label is hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether the current page is mutable via input */\n  @Prop({ reflect: true }) allowManualInput: boolean = true;\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Id of the element which describes the input */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /**  Translation strings. */\n  @Prop() localization: StzhPaginationLocalizedText;\n\n  /** Pagination change event */\n  @Event() stzhChange: EventEmitter<StzhPaginationChangeEvent>;\n\n  @Element() element: HTMLStzhPaginationElement;\n\n  /** Set current page to previous */\n  @Method()\n  async prev() {\n    this.gotoPage(this.value - 1);\n  }\n\n  /** Set current page to next */\n  @Method()\n  async next() {\n    this.gotoPage(this.value + 1);\n  }\n\n  private input: HTMLStzhInputElement;\n\n  private gotoPage = (newPage: number) => {\n    const previous = this.value;\n\n    if (newPage >= 1 && newPage <= this.total) {\n      this.value = newPage;\n    } else if (newPage > this.total) {\n      this.value = this.total;\n    } else {\n      this.value = 1;\n    }\n\n    if (previous !== this.value) {\n      this.stzhChange.emit({\n        component: \"stzh-pagination\",\n        page: Number(this.value),\n      });\n    }\n  };\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private onInputChange = (event: CustomEvent<StzhInputChangeEvent>) => {\n    const newPage = Number(event.detail.value) || 1;\n    this.gotoPage(newPage);\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"pagination\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-pagination\": true,\n      [`stzh-pagination--size-${this.size}`]: !!this.size,\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {this.allowManualInput ? (\n            <Fragment>\n              <stzh-input\n                class=\"stzh-pagination__input\"\n                type=\"number\"\n                min={1}\n                max={this.total}\n                label={this.label || this.localization.label}\n                labelHidden={true}\n                ref={el => (this.input = el as HTMLStzhInputElement)}\n                onStzhChange={this.onInputChange}\n                value={this.value?.toString() || \"\"}\n                required={this.required}\n                disabled={this.disabled}\n                description={this.description}\n                descriptionLong={this.descriptionLong}\n                error={this.error}\n                a11yDescribedby={this.a11yDescribedby}\n                name={this.name}\n                size={this.size}\n                invalid={this.invalid}\n                hideOptional={true}\n                noAutocomplete={true}\n              ></stzh-input>\n              <div class=\"stzh-pagination__total\">\n                {this.localization.totalLabel.replace(/\\{total\\}/gi, this.total.toString())}\n              </div>\n            </Fragment>\n          ) : (\n            <div class=\"stzh-pagination__total\">\n              {this.value} {this.localization.totalLabel.replace(/\\{total\\}/gi, this.total.toString())}\n            </div>\n          )}\n          <stzh-buttongroup>\n            <stzh-button\n              variant=\"tertiary\"\n              icon=\"angle-left\"\n              icon-only\n              size={this.size}\n              a11yDisabled={this.value <= 1}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label || this.localization.label}, ${this.localization.prevLabel}, ${\n                this.localization.selectedPageLabel\n              } ${this.value}`}\n              disabled={this.disabled}\n              onClick={() => this.prev()}\n            ></stzh-button>\n            <stzh-button\n              variant=\"tertiary\"\n              icon=\"angle-right\"\n              icon-only\n              size={this.size}\n              a11yDisabled={this.value >= this.total}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label || this.localization.label}, ${this.localization.nextLabel}, ${\n                this.localization.selectedPageLabel\n              } ${this.value}`}\n              disabled={this.disabled}\n              onClick={() => this.next()}\n            ></stzh-button>\n          </stzh-buttongroup>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yNAAA,MAAMA,EAAmB,w1EACzB,MAAAC,EAAeD,E,MCWFE,EAAa,M,2FAEiC,U,aAGd,G,iBAGZ,K,qBAGI,K,wBAUnC,cAAAC,CAAeC,GACbC,KAAKC,kBAAkBC,KAAK,CAC1BC,UAAW,iBACXC,MAAOL,G,CAKX,YAAAM,CAAaC,GACX,MAAMC,EAAsBD,EAAME,OAClC,MAAMC,EAAkBF,EAAoBG,QAAQ,kBAEpD,GACEV,KAAKW,iBACJL,EAAMM,QAAUN,EAAMM,OAAOT,YAAc,uBAC5CM,IAAoBT,KAAKa,QACzB,CACA,M,CAGF,MAAMC,EAAwCC,MAAMC,KAAKP,EAAgBQ,iBAAiB,wBAC1FH,EAAMI,SAAQC,IACZ,GAAIA,IAASZ,EAAqB,CAChCY,EAAKC,M,KAOX,kBAAMC,CAAaC,EAA6CC,GAC9D,MAAMC,EAAYF,EAAcZ,QAAQ,kBAExC,GAAIc,IAAcxB,KAAKa,QAAS,CAC9B,M,CAGF,MAAMC,EACJC,MAAMC,KAAKQ,EAAUP,iBAAiB,iCACtCQ,QAAON,IAASA,EAAKO,WAEvB,MAAMC,EAAeb,EAAMc,QAAQN,GAEnC,IAAKC,IAAW,QAAUA,IAAW,SAAWI,IAAiB,KAAM,CACrEJ,EAASA,IAAW,OAAS,OAAS,O,CAGxC,GAAIA,IAAW,QAAUI,IAAiB,EAAG,CAC3CJ,EAAS,M,CAGX,GAAIA,IAAW,QAAUI,IAAiBb,EAAMe,OAAS,EAAG,CAC1DN,EAAS,O,CAGX,GAAIA,IAAW,OAAQ,CACrBT,EAAMa,EAAe,GAAGG,O,MACnB,GAAIP,IAAW,OAAQ,CAC5BT,EAAMa,EAAe,GAAGG,O,MACnB,GAAIP,IAAW,OAAQ,CAC5BT,EAAMA,EAAMe,OAAS,GAAGC,O,MACnB,GAAIP,IAAW,QAAS,CAC7BT,EAAM,GAAGgB,O,KACJ,CACLR,EAAcQ,O,EAIV,aAAAC,GACN,IAAIC,EAAgBhC,KAAKa,QAAQmB,cAEjC,MAAOA,EAAe,CACpB,GAAIA,EAAcC,QAAQC,gBAAkB,iBAAkB,CAC5DlC,KAAKmC,SAAW,KAChB,K,CAEFH,EAAgBA,EAAcA,a,EAIlC,gBAAAI,GACEpC,KAAK+B,e,CAGP,MAAAM,GACE,MAAMC,EAAU,CACd,iBAAkB,KAClB,4BAA6BtC,KAAKmC,UAGpC,OACEI,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOJ,GACTtC,KAAK2C,SACJJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,gBAAAE,IAAA,2CAAcG,MAAM,KAAK5C,KAAK2C,UAGlCJ,EAAA,QAAAE,IAAA,8C,mGCnIV,MAAMI,EAAuB,kqcAC7B,MAAAC,EAAeD,ECiBf,MAAME,EAAiB,CACrBC,UAAW,CACT,CAAEC,OAAQ,IAAKC,QAAS,KACxB,CAAED,OAAQ,OAAQC,QAAS,MAE7BC,QAAS,CAAEC,SAAU,IAAKC,OAAQ,WAGpC,MAAMC,EAAiB,CACrBN,UAAW,CACT,CAAEC,OAAQ,OAAQC,QAAS,KAC3B,CAAED,OAAQ,IAAKC,QAAS,MAE1BC,QAAS,CAAEC,SAAU,IAAKC,OAAQ,WAGpC,IAAIE,EAAuB,E,MAWdC,EAAiB,M,uPA2LpBxD,KAAAyD,gBAA2B,MAQ3BzD,KAAA0D,eAA0B,MAC1B1D,KAAA2D,aAAwB,MAExB3D,KAAA4D,oBAAuBC,IAC7B7D,KAAKF,eAAeE,KAAK8D,QAAQ,EAG3B9D,KAAA+D,kBAAoB,KAC1B,UAAW/D,KAAKgE,cAAgB,YAAa,CAC3C,GAAIhE,KAAKgE,YAAa,CACpBhE,KAAKiE,Q,MACA,IAAKjE,KAAKkE,KAAM,CACrBlE,KAAKmE,M,OAEF,IAAKnE,KAAKwB,WAAaxB,KAAKwB,UAAUwC,YAAa,CACxDhE,KAAKiE,Q,MACA,IAAKjE,KAAKkE,KAAM,CACrBlE,KAAKmE,M,GAIDnE,KAAAoE,QAAW9D,IACjBN,KAAK0D,eAAiB,KAEtB,GAAI1D,KAAK2D,aAAc,CAErB3D,KAAKqE,cAAgB,C,CAGvBrE,KAAKsE,UAAUpE,KAAK,CAClBC,UAAW,sBACXoE,cAAejE,GACf,EAGIN,KAAAwE,OAAUlE,IAChBN,KAAKqE,aAAe,EAEpBrE,KAAKyE,SAASvE,KAAK,CACjBC,UAAW,sBACXoE,cAAejE,GACf,EAGIN,KAAA0E,gBAAmBpE,IACzB,IAAIiB,EAAS,KAEb,GAAIjB,EAAMmC,MAAQ,YAAa,CAC7BlB,EAAS,M,MACJ,GAAIjB,EAAMmC,MAAQ,UAAW,CAClClB,EAAS,M,MACJ,GAAIjB,EAAMmC,MAAQ,OAAQ,CAC/BlB,EAAS,O,MACJ,GAAIjB,EAAMmC,MAAQ,MAAO,CAC9BlB,EAAS,M,MACJ,GAAIjB,EAAMmC,MAAQ,YAAcnC,EAAMqE,QAAS,CACpDpD,EAAS,M,MACJ,GAAIjB,EAAMmC,MAAQ,UAAYnC,EAAMqE,QAAS,CAClDpD,EAAS,M,CAGX,GAAIjB,EAAMmC,MAAQ,QAAS,CACzBzC,KAAKqE,cAAgB,C,CAGvB,GAAI9C,EAAQ,CACVjB,EAAMsE,iBACN5E,KAAKwB,UAAUH,aAAarB,KAAKa,QAASU,E,GAItCvB,KAAA6E,iBAAoBvE,IAC1B,IAAKA,EAAMqE,QAAS,CAClB,M,CAGF,IAAIpD,EAAS,KAEb,GAAIjB,EAAMmC,MAAQ,WAAY,CAC5BlB,EAAS,M,MACJ,GAAIjB,EAAMmC,MAAQ,SAAU,CACjClB,EAAS,M,CAGX,GAAIA,EAAQ,CACVjB,EAAMsE,iBACN5E,KAAKwB,UAAUH,aAAarB,KAAKa,QAASU,E,+DAjRU,M,cAGX,M,aAGnB,G,cAGC,G,iBAGG,G,UAGP,G,WAGC,G,gBAGuB,M,eAGK,U,kBAGW,I,6CAqJ/B,E,wBA7HhC,cAAAzB,CAAeC,GACb,UAAWA,IAAa,YAAa,CACnCC,KAAK8E,SAAW/E,C,MACX,GAAIC,KAAKwB,UAAW,CACzBxB,KAAK8E,SAAW9E,KAAKwB,UAAUsC,O,EAKnC,iBAAMiB,CAAYhF,GAChB,IAAKC,KAAKgF,YAAa,CACrB,M,CAGF,GAAIjF,EAAU,CACZ,GAAIC,KAAKyD,gBAAiB,CACxBzD,KAAKiF,SAAS/E,KAAK,CACjBC,UAAW,uB,OAIT+E,EAAelF,KAAKgF,aAC1BhF,KAAKgF,YAAYG,OAAS,YAEpBC,EACJpF,KAAKgF,YACLK,EAAwBtC,EAAeC,UAAW,CAChDC,OAAQjD,KAAKgF,YAAYM,eAE3BvC,EAAeI,SAGjBnD,KAAKgF,YAAYO,MAAMtC,OAAS,OAChCjD,KAAKgF,YAAYO,MAAMC,SAAW,UAElC,GAAIxF,KAAKyD,gBAAiB,CACxBzD,KAAKyF,WAAWvF,KAAK,CACnBC,UAAW,uB,MAGV,CACL,GAAIH,KAAKyD,gBAAiB,CACxBzD,KAAK0F,UAAUxF,KAAK,CAClBC,UAAW,uB,OAIT+E,EAAelF,KAAKgF,aAC1BhF,KAAKgF,YAAYO,MAAMC,SAAW,eAE5BJ,EACJpF,KAAKgF,YACLK,EAAwB/B,EAAeN,UAAW,CAChDC,OAAQjD,KAAKgF,YAAYM,eAE3BhC,EAAeH,SAGjBnD,KAAKgF,YAAYG,OAAS,KAC1BnF,KAAKgF,YAAYO,MAAMtC,OAAS,MAEhC,GAAIjD,KAAKyD,gBAAiB,CACxBzD,KAAK2F,WAAWzF,KAAK,CACnBC,UAAW,uB,EAKjBH,KAAKyD,gBAAkB,K,CAKzB,UAAMU,GACJ,GAAInE,KAAKkE,MAAQlE,KAAK0B,SAAU,CAC9B,M,CAGF1B,KAAKyD,gBAAkB,KACvBzD,KAAKkE,KAAO,KACZ,OAAO0B,EAAa5F,KAAKa,QAAS,a,CAKpC,UAAMO,GACJ,IAAKpB,KAAKkE,MAAQlE,KAAK0B,SAAU,CAC/B,M,CAGF1B,KAAKyD,gBAAkB,KACvBzD,KAAKkE,KAAO,MACZ,OAAO0B,EAAa5F,KAAKa,QAAS,a,CAKpC,YAAMoD,GACJ,GAAIjE,KAAKkE,KAAM,CACb,aAAalE,KAAKoB,M,KACb,CACL,aAAapB,KAAKmE,M,EAWtB,aAAA0B,CAAcvF,GACZ,GAAIA,EAAMmC,MAAQ,QAAS,CACzBzC,KAAK2D,aAAe,I,EAKxB,WAAAmC,CAAYxF,GACV,GAAIA,EAAMmC,MAAQ,QAAS,CACzBzC,KAAK2D,aAAe,K,EAyGxB,iBAAAoC,GACE/F,KAAKgG,gBAAkB,uBAAuBzC,K,CAGhD,gBAAAnB,GACEpC,KAAKgF,YAAYG,QAAUnF,KAAKkE,KAChClE,KAAKgF,YAAYO,MAAMtC,OAASjD,KAAKkE,KAAO,OAAS,MACrDlE,KAAKgF,YAAYO,MAAMC,SAAWxF,KAAKkE,KAAO,UAAY,Q,CAG5D,uBAAM+B,GACJjG,KAAKwB,UAAYxB,KAAKa,QAAQH,QAAQ,kBAEtC,GAAIV,KAAKwB,UAAW,CAClBxB,KAAKwB,UAAU0E,iBAAiB,oBAAqBlG,KAAK4D,oB,CAG5D5D,KAAKF,eAAeE,KAAK8D,Q,CAG3B,oBAAAqC,GACE,GAAInG,KAAKwB,UAAW,CAClBxB,KAAKwB,UAAU4E,oBAAoB,oBAAqBpG,KAAK4D,qBAC7D5D,KAAKwB,UAAY,I,EAIrB,MAAAa,GACE,IAAIgE,EAAUC,EAAQtG,KAAKa,QAAS,WAAab,KAAKuG,KACtD,GAAIvG,KAAKwG,mBAAoB,CAC3BH,EAAUC,EAAQtG,KAAKwG,mBAAoB,WAAaxG,KAAKuG,I,CAG/D,MAAME,EAAU,IAAIzG,KAAK0G,eACzB,MAAMpE,EAAU,CACd,sBAAuB,KACvB,gCAAiC+D,EACjC,yCAA0CrG,KAAK2G,YAC/C,sCAAuC3G,KAAK4G,SAC5C,+BAAgC5G,KAAKkE,KACrC,mCAAoClE,KAAK0B,SACzC,CAAC,wBAAwB1B,KAAK8E,cAAe9E,KAAK8E,UAGpD,OACEvC,EAACC,EAAI,CAAAC,IAAA,2CAACoE,SAAU7G,KAAK0B,SAAW,KAAO1B,KAAKqE,aAAY,aAAcrE,KAAK8E,UACzEvC,EAAA,OAAAE,IAAA,2CAAKC,MAAOJ,GACVC,EAACkE,EAAO,CAAAhE,IAAA,2CACNqE,GAAI,GAAG9G,KAAKgG,yBACZtD,MAAM,+BACNqE,QAAS/G,KAAK+D,mBAEdxB,EAAA,UAAAE,IAAA,2CACEuE,IAAKC,GAAOjH,KAAKkH,cAAgBD,EACjCvE,MAAM,8BAA6B,gBACpB,GAAG1C,KAAKgG,0BAAyB,gBACjC,GAAGhG,KAAKkE,KAAO,OAAS,UACvCxC,SAAU1B,KAAK0B,SACf0C,QAASpE,KAAKoE,QACdI,OAAQxE,KAAKwE,OACb2C,UAAWnH,KAAK0E,gBAChB0C,KAAK,SAAQ,cACApH,KAAKqH,aAAerH,KAAK2C,SAEtCJ,EAAA,QAAAE,IAAA,2CACEC,MAAM,oCACNsE,IAAKC,GAAOjH,KAAKwG,mBAAqBS,GAErCjH,KAAKuG,KACJhE,EAAA,aAAWG,MAAM,4BAA4B4E,KAAMtH,KAAKuG,OAExDhE,EAAA,QAAM+E,KAAK,UAGf/E,EAAA,QAAAE,IAAA,2CAAMC,MAAM,oCACVH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,iCAAiC1C,KAAK4G,UAClDrE,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qCAAqC1C,KAAK2C,SACtDJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,oCAAoC1C,KAAK2G,cAEtD3G,KAAK8E,WAAa,QACjBvC,EAAA,aAAW+E,KAAK,aAAa5E,MAAM,8CAEnCH,EAAA,QAAMG,MAAM,iDAGZ1C,KAAKuH,OAASvH,KAAKwH,aACnBjF,EAAA,cAAAE,IAAA,2CAAYC,MAAM,6BAA6B+E,MAAOzH,KAAKuH,MAAOH,KAAMpH,KAAK0H,cAInFnF,EAAA,OAAAE,IAAA,2CACEqE,GAAI,GAAG9G,KAAKgG,0BACZgB,IAAKC,GAAOjH,KAAKgF,YAAciC,EAC/BvE,MAAM,+BAA8B,kBACnB,GAAG1C,KAAKgG,yBACzB2B,KAAK,SACLR,UAAWnH,KAAK6E,kBAEhBtC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sCACTH,EAAA,QAAAE,IAAA,gD,wHC7ad,MAAMmF,EAAoB,0mEAC1B,MAAAC,EAAeD,E,MCYFE,EAAc,M,gEAoEjB9H,KAAA+H,SAAYC,IAClB,MAAMC,EAAWjI,KAAKI,MAEtB,GAAI4H,GAAW,GAAKA,GAAWhI,KAAKkI,MAAO,CACzClI,KAAKI,MAAQ4H,C,MACR,GAAIA,EAAUhI,KAAKkI,MAAO,CAC/BlI,KAAKI,MAAQJ,KAAKkI,K,KACb,CACLlI,KAAKI,MAAQ,C,CAGf,GAAI6H,IAAajI,KAAKI,MAAO,CAC3BJ,KAAKmI,WAAWjI,KAAK,CACnBC,UAAW,kBACXiI,KAAMC,OAAOrI,KAAKI,Q,GAKhBJ,KAAAsI,YAAc,KACpB,GAAItI,KAAKuI,MAAO,CACdvI,KAAKuI,MAAMzG,O,GAIP9B,KAAAwI,cAAiBlI,IACvB,MAAM0H,EAAUK,OAAO/H,EAAMM,OAAOR,QAAU,EAC9CJ,KAAK+H,SAASC,EAAQ,E,WA7FA,E,UAGgB,G,WAGC,E,WAGjB,G,iBAGO,M,cAGc,M,cAGA,M,sBAGQ,K,4FAYT,M,cAGC,M,UAGQ,U,qBAGc,G,4BAYnE,UAAMS,GACJzI,KAAK+H,SAAS/H,KAAKI,MAAQ,E,CAK7B,UAAMsI,GACJ1I,KAAK+H,SAAS/H,KAAKI,MAAQ,E,CAmC7B,uBAAM2F,GACJ,IAAK/F,KAAK2I,aAAc,CACtB3I,KAAK2I,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkB/I,KAAKa,QAAS,a,EAI1F,MAAAwB,G,MACE,MAAMC,EAAU,CACd,kBAAmB,KACnB,CAAC,yBAAyBtC,KAAKgJ,UAAWhJ,KAAKgJ,MAGjD,OACEzG,EAACC,EAAI,CAAAC,IAAA,2CAACoE,SAAU7G,KAAK0B,SAAW,KAAO,KAAM0C,QAASpE,KAAKsI,aACzD/F,EAAA,OAAAE,IAAA,2CAAKC,MAAOJ,GACTtC,KAAKiJ,iBACJ1G,EAAC2G,EAAQ,KACP3G,EAAA,cACEG,MAAM,yBACN0E,KAAK,SACL+B,IAAK,EACLC,IAAKpJ,KAAKkI,MACVT,MAAOzH,KAAKyH,OAASzH,KAAK2I,aAAalB,MACvC4B,YAAa,KACbrC,IAAKC,GAAOjH,KAAKuI,MAAQtB,EACzBqC,aAActJ,KAAKwI,cACnBpI,QAAOmJ,EAAAvJ,KAAKI,SAAK,MAAAmJ,SAAA,SAAAA,EAAEC,aAAc,GACjCC,SAAUzJ,KAAKyJ,SACf/H,SAAU1B,KAAK0B,SACfiF,YAAa3G,KAAK2G,YAClB+C,gBAAiB1J,KAAK0J,gBACtBC,MAAO3J,KAAK2J,MACZC,gBAAiB5J,KAAK4J,gBACtBtC,KAAMtH,KAAKsH,KACX0B,KAAMhJ,KAAKgJ,KACXa,QAAS7J,KAAK6J,QACdC,aAAc,KACdC,eAAgB,OAElBxH,EAAA,OAAKG,MAAM,0BACR1C,KAAK2I,aAAaqB,WAAWC,QAAQ,cAAejK,KAAKkI,MAAMsB,cAIpEjH,EAAA,OAAKG,MAAM,0BACR1C,KAAKI,MAAK,IAAGJ,KAAK2I,aAAaqB,WAAWC,QAAQ,cAAejK,KAAKkI,MAAMsB,aAGjFjH,EAAA,oBAAAE,IAAA,4CACEF,EAAA,eAAAE,IAAA,2CACEqB,QAAQ,WACRyC,KAAK,aAAY,iBAEjByC,KAAMhJ,KAAKgJ,KACXkB,aAAclK,KAAKI,OAAS,EAC5BwJ,gBAAiB5J,KAAK4J,gBACtBO,UAAW,GAAGnK,KAAKyH,OAASzH,KAAK2I,aAAalB,UAAUzH,KAAK2I,aAAayB,cACxEpK,KAAK2I,aAAa0B,qBAChBrK,KAAKI,QACTsB,SAAU1B,KAAK0B,SACfqF,QAAS,IAAM/G,KAAKyI,SAEtBlG,EAAA,eAAAE,IAAA,2CACEqB,QAAQ,WACRyC,KAAK,cAAa,iBAElByC,KAAMhJ,KAAKgJ,KACXkB,aAAclK,KAAKI,OAASJ,KAAKkI,MACjC0B,gBAAiB5J,KAAK4J,gBACtBO,UAAW,GAAGnK,KAAKyH,OAASzH,KAAK2I,aAAalB,UAAUzH,KAAK2I,aAAa2B,cACxEtK,KAAK2I,aAAa0B,qBAChBrK,KAAKI,QACTsB,SAAU1B,KAAK0B,SACfqF,QAAS,IAAM/G,KAAK0I,W"}

package/dist/stzh-components/{p-4c24fe27.entry.js → p-7a3be0f1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as a,a as c,g as e}from"./p-ef5985a3.js";import{h as i}from"./p-24caf6c1.js";import"./p-dae15605.js";const h='.sc-stzh-cta-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-cta-h,[stzh-hidden].sc-stzh-cta-h{display:none}.sc-stzh-cta-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cta-h *.sc-stzh-cta,.sc-stzh-cta-h *.sc-stzh-cta::before,.sc-stzh-cta-h *.sc-stzh-cta::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-cta-h .has-focus.sc-stzh-cta{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta{outline-style:none !important}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta::-moz-focus-inner{border:0 !important}.sc-stzh-cta-h{--stzh-flyingfocus-color:var(--stzh-color-white);--background-color:var(--stzh-cta-background-color);--heading-color:var(--stzh-color-white);--lead-color:var(--stzh-color-white);--sticky-background-color:var(--background-color);--button-color:var(--stzh-color-white);--button-background-color:var(--stzh-color-primary70);--button-border-radius:var(--stzh-button-border-radius);--hover-button-color:var(--stzh-color-white);--hover-button-background-color:var(--stzh-color-secondary60);--stuck-background-color:var(--stzh-color-grey10);--stuck-heading-color:var(--stzh-color-primary70);--stuck-lead-color:var(--stzh-base-color);--stuck-sticky-background-color:var(--background-color);--grid-template-areas:var(\n    --stzh-cta-grid-template-areas,\n    "cta cta cta cta"\n  );--grid-template-columns:var(\n    --stzh-cta-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media print{.sc-stzh-cta-h{display:none}}@media screen and (min-width: 900px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}[size=small].sc-stzh-cta-h{--button-background-color:transparent;--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--stuck-background-color:var(--background-color)}@media screen and (min-width: 600px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta"\n    )}}@media screen and (min-width: 900px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    )}}@keyframes stzh-cta-effect{0%,20%,50%,80%,100%{transform:translateX(0)}40%{transform:translateX(-0.5rem)}60%{transform:translateX(-0.25rem)}}.stzh-cta.sc-stzh-cta{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 600px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-cta__wrapper.sc-stzh-cta{grid-area:cta;background-color:var(--background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])){background-color:var(--stuck-background-color)}.stzh-cta__heading.sc-stzh-cta,.stzh-cta__lead.sc-stzh-cta{transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-large);margin-right:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing);color:var(--heading-color)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__heading.sc-stzh-cta{color:var(--stuck-heading-color)}.stzh-cta__lead.sc-stzh-cta{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--lead-color)}@media screen and (min-width: 900px){.stzh-cta__lead.sc-stzh-cta{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-xlarge)}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__lead.sc-stzh-cta{color:var(--stuck-lead-color)}.stzh-cta__button.sc-stzh-cta{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);width:100%;display:flex;align-items:center;justify-content:space-between;appearance:none;border:none;text-decoration:none;border-radius:var(--button-border-radius);color:var(--button-color);background-color:var(--button-background-color);gap:var(--stzh-space-xsmall);transition-property:width, height, min-height, color, background-color, font-size, padding;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-cta__button.sc-stzh-cta{width:auto}}.stzh-cta__button.sc-stzh-cta:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{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-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{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-cta__button-text.sc-stzh-cta{display:block}.stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-medium)}.stzh-cta__button.sc-stzh-cta:hover .stzh-cta__button-icon.sc-stzh-cta{animation:stzh-cta-effect 1s}.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--background-color:var(--sticky-background-color);--stuck-background-color:var(--stuck-sticky-background-color);--stuck-padding-left:0px;--stuck-padding-right:0px;display:block}@media screen and (min-width: 600px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxxlarge)}}.stzh-cta__buttons.sc-stzh-cta{display:flex;gap:var(--stzh-space-medium)}.stzh-cta--has-lead.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta{margin-bottom:0}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);min-height:var(--stzh-form-input-height)}@media screen and (max-width: 599px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{display:none}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-height)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{margin-top:calc(var(--padding-top) / -1);margin-bottom:calc(var(--padding-bottom) / -1)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{width:100%;max-width:100%;gap:var(--stzh-space-medium)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.is-placeholder.sc-stzh-cta{width:auto;max-width:none;visibility:hidden;position:absolute;pointer-events:none}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta:not(.is-placeholder){width:var(--button-width, auto)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-large)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxlarge);--padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-cta--is-not-loaded.sc-stzh-cta{visibility:hidden}.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__lead.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{transition-duration:0ms}';const n=h;var r=0;const o=class{constructor(a){t(this,a);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.stzhClick=s(this,"stzhClick",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.button.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-cta",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-cta",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-cta",originalEvent:t,href:this.href})};this.handlePlaceholderButtonResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateButtonWidthByResize)};this.updateButtonWidthByResize=()=>{if(!this.placeholderButton){return}const{width:t}=this.placeholderButton.getBoundingClientRect();this.element.style.setProperty("--button-width",`${t}px`)};this.heading="";this.lead="";this.label="";this.href="";this.stickyDisabled=true;this.loaded=false}componentDidLoad(){this.stickyDisabled=r>1;this.placeholderButtonResizeObserver=new ResizeObserver(this.handlePlaceholderButtonResize);if(this.placeholderButton){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updateButtonWidthByResize();window.setTimeout((()=>{this.loaded=true}),250)}))}))}componentDidRender(){if(this.placeholderButton&&this.placeholderButtonResizeObserver){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}}connectedCallback(){r=r+1}disconnectedCallback(){var t;r=r-1;(t=this.placeholderButtonResizeObserver)===null||t===void 0?void 0:t.disconnect()}renderButtons(t){return a("div",{class:"stzh-cta__buttons"},t==="small"&&a("div",{class:"stzh-cta__button is-placeholder",ref:t=>this.placeholderButton=t},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})),this.href?a("a",{class:"stzh-cta__button",href:this.href,ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})):a("button",{class:"stzh-cta__button",ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})))}render(){const t=i(this.element,"heading");const s=i(this.element,"lead");const e=!!this.heading||t;const h=!!this.lead||s;const n=e||h;const r=!n?"small":"default";const o={"stzh-cta":true,"stzh-cta--is-sticky-disabled":this.stickyDisabled,"stzh-cta--is-not-loaded":!this.loaded,"stzh-cta--has-heading":e,"stzh-cta--has-lead":h,[`stzh-cta--size-${r}`]:!!r};return a(c,{key:"19759ccc5f6e3f8a0538550e93c7c6c6e7ec9b79",size:r,tabindex:"-1",onFocus:this.onRootFocus},a("article",{key:"e1be43665e2c62b40d0191080110a088d5ee7954",class:o,"data-stzh-sticky-width-container":true},a("div",{key:"8b92a41f6cae83a6ff7a8423e3d34f6b942f5f56",class:"stzh-cta__wrapper"},a("div",{key:"d4d2344098896fce1ece056ebeac839d35775df1",class:"stzh-cta__heading"},this.heading?this.heading:a("slot",{name:"heading"})),a("div",{key:"ba127ebb8d631479e12a05ba4c219eb63bde0d1f",class:"stzh-cta__lead"},this.lead?this.lead:a("slot",{name:"lead"})),a("stzh-sticky",{key:"303ddfb99ca740a50b505f46d01b645446f58431",name:"cta",class:"stzh-cta__sticky",position:"fixed",bleeding:true,disableStickyBottom:this.stickyDisabled,disableStickyTop:true},this.renderButtons(r)))))}get element(){return e(this)}};o.style=n;export{o as stzh_cta};
-//# sourceMappingURL=p-4c24fe27.entry.js.map
+import{r as t,c as s,h as a,a as c,g as e}from"./p-ef5985a3.js";import{h as i}from"./p-09b5eb01.js";import"./p-dae15605.js";const h='.sc-stzh-cta-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-cta-h,[stzh-hidden].sc-stzh-cta-h{display:none}.sc-stzh-cta-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cta-h *.sc-stzh-cta,.sc-stzh-cta-h *.sc-stzh-cta::before,.sc-stzh-cta-h *.sc-stzh-cta::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-cta-h .has-focus.sc-stzh-cta{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta{outline-style:none !important}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta::-moz-focus-inner{border:0 !important}.sc-stzh-cta-h{--stzh-flyingfocus-color:var(--stzh-color-white);--background-color:var(--stzh-cta-background-color);--heading-color:var(--stzh-color-white);--lead-color:var(--stzh-color-white);--sticky-background-color:var(--background-color);--button-color:var(--stzh-color-white);--button-background-color:var(--stzh-color-primary70);--button-border-radius:var(--stzh-button-border-radius);--hover-button-color:var(--stzh-color-white);--hover-button-background-color:var(--stzh-color-secondary60);--stuck-background-color:var(--stzh-color-grey10);--stuck-heading-color:var(--stzh-color-primary70);--stuck-lead-color:var(--stzh-base-color);--stuck-sticky-background-color:var(--background-color);--grid-template-areas:var(\n    --stzh-cta-grid-template-areas,\n    "cta cta cta cta"\n  );--grid-template-columns:var(\n    --stzh-cta-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media print{.sc-stzh-cta-h{display:none}}@media screen and (min-width: 900px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}[size=small].sc-stzh-cta-h{--button-background-color:transparent;--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--stuck-background-color:var(--background-color)}@media screen and (min-width: 600px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta"\n    )}}@media screen and (min-width: 900px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    )}}@keyframes stzh-cta-effect{0%,20%,50%,80%,100%{transform:translateX(0)}40%{transform:translateX(-0.5rem)}60%{transform:translateX(-0.25rem)}}.stzh-cta.sc-stzh-cta{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 600px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-cta__wrapper.sc-stzh-cta{grid-area:cta;background-color:var(--background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])){background-color:var(--stuck-background-color)}.stzh-cta__heading.sc-stzh-cta,.stzh-cta__lead.sc-stzh-cta{transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-large);margin-right:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing);color:var(--heading-color)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__heading.sc-stzh-cta{color:var(--stuck-heading-color)}.stzh-cta__lead.sc-stzh-cta{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--lead-color)}@media screen and (min-width: 900px){.stzh-cta__lead.sc-stzh-cta{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-xlarge)}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__lead.sc-stzh-cta{color:var(--stuck-lead-color)}.stzh-cta__button.sc-stzh-cta{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);width:100%;display:flex;align-items:center;justify-content:space-between;appearance:none;border:none;text-decoration:none;border-radius:var(--button-border-radius);color:var(--button-color);background-color:var(--button-background-color);gap:var(--stzh-space-xsmall);transition-property:width, height, min-height, color, background-color, font-size, padding;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-cta__button.sc-stzh-cta{width:auto}}.stzh-cta__button.sc-stzh-cta:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{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-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{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-cta__button-text.sc-stzh-cta{display:block}.stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-medium)}.stzh-cta__button.sc-stzh-cta:hover .stzh-cta__button-icon.sc-stzh-cta{animation:stzh-cta-effect 1s}.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--background-color:var(--sticky-background-color);--stuck-background-color:var(--stuck-sticky-background-color);--stuck-padding-left:0px;--stuck-padding-right:0px;display:block}@media screen and (min-width: 600px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxxlarge)}}.stzh-cta__buttons.sc-stzh-cta{display:flex;gap:var(--stzh-space-medium)}.stzh-cta--has-lead.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta{margin-bottom:0}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);min-height:var(--stzh-form-input-height)}@media screen and (max-width: 599px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{display:none}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-height)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{margin-top:calc(var(--padding-top) / -1);margin-bottom:calc(var(--padding-bottom) / -1)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{width:100%;max-width:100%;gap:var(--stzh-space-medium)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.is-placeholder.sc-stzh-cta{width:auto;max-width:none;visibility:hidden;position:absolute;pointer-events:none}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta:not(.is-placeholder){width:var(--button-width, auto)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-large)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxlarge);--padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-cta--is-not-loaded.sc-stzh-cta{visibility:hidden}.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__lead.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{transition-duration:0ms}';const n=h;var r=0;const o=class{constructor(a){t(this,a);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.stzhClick=s(this,"stzhClick",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.button.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-cta",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-cta",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-cta",originalEvent:t,href:this.href})};this.handlePlaceholderButtonResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateButtonWidthByResize)};this.updateButtonWidthByResize=()=>{if(!this.placeholderButton){return}const{width:t}=this.placeholderButton.getBoundingClientRect();this.element.style.setProperty("--button-width",`${t}px`)};this.heading="";this.lead="";this.label="";this.href="";this.stickyDisabled=true;this.loaded=false}componentDidLoad(){this.stickyDisabled=r>1;this.placeholderButtonResizeObserver=new ResizeObserver(this.handlePlaceholderButtonResize);if(this.placeholderButton){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updateButtonWidthByResize();window.setTimeout((()=>{this.loaded=true}),250)}))}))}componentDidRender(){if(this.placeholderButton&&this.placeholderButtonResizeObserver){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}}connectedCallback(){r=r+1}disconnectedCallback(){var t;r=r-1;(t=this.placeholderButtonResizeObserver)===null||t===void 0?void 0:t.disconnect()}renderButtons(t){return a("div",{class:"stzh-cta__buttons"},t==="small"&&a("div",{class:"stzh-cta__button is-placeholder",ref:t=>this.placeholderButton=t},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})),this.href?a("a",{class:"stzh-cta__button",href:this.href,ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})):a("button",{class:"stzh-cta__button",ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})))}render(){const t=i(this.element,"heading");const s=i(this.element,"lead");const e=!!this.heading||t;const h=!!this.lead||s;const n=e||h;const r=!n?"small":"default";const o={"stzh-cta":true,"stzh-cta--is-sticky-disabled":this.stickyDisabled,"stzh-cta--is-not-loaded":!this.loaded,"stzh-cta--has-heading":e,"stzh-cta--has-lead":h,[`stzh-cta--size-${r}`]:!!r};return a(c,{key:"19759ccc5f6e3f8a0538550e93c7c6c6e7ec9b79",size:r,tabindex:"-1",onFocus:this.onRootFocus},a("article",{key:"e1be43665e2c62b40d0191080110a088d5ee7954",class:o,"data-stzh-sticky-width-container":true},a("div",{key:"8b92a41f6cae83a6ff7a8423e3d34f6b942f5f56",class:"stzh-cta__wrapper"},a("div",{key:"d4d2344098896fce1ece056ebeac839d35775df1",class:"stzh-cta__heading"},this.heading?this.heading:a("slot",{name:"heading"})),a("div",{key:"ba127ebb8d631479e12a05ba4c219eb63bde0d1f",class:"stzh-cta__lead"},this.lead?this.lead:a("slot",{name:"lead"})),a("stzh-sticky",{key:"303ddfb99ca740a50b505f46d01b645446f58431",name:"cta",class:"stzh-cta__sticky",position:"fixed",bleeding:true,disableStickyBottom:this.stickyDisabled,disableStickyTop:true},this.renderButtons(r)))))}get element(){return e(this)}};o.style=n;export{o as stzh_cta};
+//# sourceMappingURL=p-7a3be0f1.entry.js.map

package/dist/stzh-components/{p-a1202b5f.entry.js → p-82c0d7be.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,f as a,a as i,g as s}from"./p-ef5985a3.js";import{h as n,s as r}from"./p-24caf6c1.js";import"./p-dae15605.js";const g=':host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text" "image image image image"\n  );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n        --stzh-textandimage-grid-template-areas,\n        "text text text text image image image image"\n    );--grid-template-columns:var(\n        --stzh-textandimage-grid-template-columns,\n        repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n        --stzh-textandimage-grid-template-areas-image-left,\n        "image image image image text text text text"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n        --stzh-textandimage-small-grid-template-areas,\n        "text text text text text image image image"\n    )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n        --stzh-textandimage-small-grid-template-areas,\n        "image image image text text text text text"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n        --stzh-textandimage-large-grid-template-areas,\n        "text text text ." "image image image image"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n        --stzh-textandimage-large-grid-template-areas,\n        "text text text text text . . ." "image image image image image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n        --stzh-textandimage-large-grid-template-areas,\n        "text text text text text text . ." "image image image image image image image image"\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text text"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n        --stzh-textandimage-single-grid-template-areas,\n        "text text text ."\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n        --stzh-textandimage-single-grid-template-areas,\n        "text text text text text text . ."\n    )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}';const m=g;const d=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=n(this.element,"left");const i=n(this.element,"right");if(this.size==="large"||!(a&&i)){t.forEach((t=>{r(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{r(t,{variant:"single"})}))};this.size="default";this.imagePosition="right"}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const r=!(t&&s);const g={"stzh-textandimage":true,"stzh-textandimage--is-single-left":r&&t,"stzh-textandimage--is-single-right":r&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size,[`stzh-textandimage--image-position-${this.imagePosition}`]:!!this.imagePosition};return e(i,{key:"495af144eac775b8a492949cd6ba376771cb0843",single:r,"image-position":this.imagePosition},e("div",{key:"7e0583eb1c2a50fefea4bb710f375e1dc7eefd78",class:g},e("div",{key:"7ba5e92b5ae127f2fa17598658532ad4a7e8c388",class:"stzh-textandimage__left"},e("slot",{key:"767c51d655a3cd05975fbfeca715bddb21b61571",name:"left",onSlotchange:()=>a(this.element)})),e("div",{key:"779990ba244f3dd2d2ecae9e13beeaa5c62381ac",class:"stzh-textandimage__right"},e("slot",{key:"f41a9bd637c92ea74de97e49c28c3d1ee5f1c47d",name:"right",onSlotchange:()=>a(this.element)}))))}get element(){return s(this)}};d.style=m;export{d as stzh_textandimage};
-//# sourceMappingURL=p-a1202b5f.entry.js.map
+import{r as t,h as e,f as a,a as i,g as s}from"./p-ef5985a3.js";import{h as n,s as r}from"./p-09b5eb01.js";import"./p-dae15605.js";const g=':host{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;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text" "image image image image"\n  );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n        --stzh-textandimage-grid-template-areas,\n        "text text text text image image image image"\n    );--grid-template-columns:var(\n        --stzh-textandimage-grid-template-columns,\n        repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n        --stzh-textandimage-grid-template-areas-image-left,\n        "image image image image text text text text"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n        --stzh-textandimage-small-grid-template-areas,\n        "text text text text text image image image"\n    )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n        --stzh-textandimage-small-grid-template-areas,\n        "image image image text text text text text"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n        --stzh-textandimage-large-grid-template-areas,\n        "text text text ." "image image image image"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n        --stzh-textandimage-large-grid-template-areas,\n        "text text text text text . . ." "image image image image image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n        --stzh-textandimage-large-grid-template-areas,\n        "text text text text text text . ." "image image image image image image image image"\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text text"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n        --stzh-textandimage-single-grid-template-areas,\n        "text text text ."\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n        --stzh-textandimage-single-grid-template-areas,\n        "text text text text text text . ."\n    )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}';const m=g;const d=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=n(this.element,"left");const i=n(this.element,"right");if(this.size==="large"||!(a&&i)){t.forEach((t=>{r(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{r(t,{variant:"single"})}))};this.size="default";this.imagePosition="right"}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const r=!(t&&s);const g={"stzh-textandimage":true,"stzh-textandimage--is-single-left":r&&t,"stzh-textandimage--is-single-right":r&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size,[`stzh-textandimage--image-position-${this.imagePosition}`]:!!this.imagePosition};return e(i,{key:"495af144eac775b8a492949cd6ba376771cb0843",single:r,"image-position":this.imagePosition},e("div",{key:"7e0583eb1c2a50fefea4bb710f375e1dc7eefd78",class:g},e("div",{key:"7ba5e92b5ae127f2fa17598658532ad4a7e8c388",class:"stzh-textandimage__left"},e("slot",{key:"767c51d655a3cd05975fbfeca715bddb21b61571",name:"left",onSlotchange:()=>a(this.element)})),e("div",{key:"779990ba244f3dd2d2ecae9e13beeaa5c62381ac",class:"stzh-textandimage__right"},e("slot",{key:"f41a9bd637c92ea74de97e49c28c3d1ee5f1c47d",name:"right",onSlotchange:()=>a(this.element)}))))}get element(){return s(this)}};d.style=m;export{d as stzh_textandimage};
+//# sourceMappingURL=p-82c0d7be.entry.js.map

package/dist/stzh-components/{p-dd5d4c39.entry.js → p-8516eea3.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,f as a,h as e,F as c,a as h,g as r}from"./p-ef5985a3.js";import{s as d,h as i}from"./p-24caf6c1.js";import"./p-dae15605.js";const n='.sc-stzh-card-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-card-h,[stzh-hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-card-h .has-focus.sc-stzh-card{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card{outline-style:none !important}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card::-moz-focus-inner{border:0 !important}.sc-stzh-card-h{--border-radius:0px;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:flex;flex-direction:column;position:relative;border-radius:var(--border-radius)}@media print{.sc-stzh-card-h{page-break-inside:avoid;break-inside:avoid}}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h.sc-stzh-card-s>[slot=image],.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h.sc-stzh-card-s>img[slot=image],.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.stzh-card.sc-stzh-card{flex-grow:1;display:flex;flex-direction:column;background-color:var(--stzh-color-grey10);border-radius:var(--border-radius)}.stzh-card--background-grey.sc-stzh-card{background-color:var(--stzh-color-grey10)}.stzh-card--background-white.sc-stzh-card{background-color:var(--stzh-color-white)}.stzh-card__content-wrapper.sc-stzh-card{position:relative;flex-grow:1;display:flex;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 900px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header-top.sc-stzh-card{display:flex;justify-content:space-between;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:inline-flex;margin-top:var(--stzh-space-xsmall);gap:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}.stzh-card__left.sc-stzh-card{align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;align-items:center;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);flex-grow:1}.stzh-card__card-actions.sc-stzh-card{display:inline-flex;white-space:nowrap}@media screen and (max-width: 899px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-base-color)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xxlarge)}}.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}.stzh-card--has-header.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xsmall)}.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-footer.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--has-tag.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxxlarge)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__content.sc-stzh-card{transition:color var(--stzh-base-transition-animation-speed)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{z-index:1}.stzh-card--has-link.sc-stzh-card .stzh-card__card-actions.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__content.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__content.sc-stzh-card{color:var(--stzh-color-secondary60)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;appearance:none;background:none;border:none;transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary)}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}.stzh-card--hyphens.sc-stzh-card .stzh-card__heading.sc-stzh-card,.stzh-card--hyphens.sc-stzh-card .stzh-card__title.sc-stzh-card{hyphens:auto}';const z=n;const o=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhCollapse=s(this,"stzhCollapse",7);this.stzhSubtitleClick=s(this,"stzhSubtitleClick",7);this.stzhStarClick=s(this,"stzhStarClick",7);this.stzhHeaderActionClick=s(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=t=>{let s=false;t.forEach((t=>{if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){a(this.element)}};this.headerClick=t=>{if(!this.collapsible){return}const s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];const a=t.composedPath().map((t=>{var s;return(s=t.tagName)===null||s===void 0?void 0:s.toLowerCase()}));const e=a.some((t=>s.includes(t)));if(!e){this.collapsed=!this.collapsed;this.stzhCollapse.emit({component:"stzh-card",collapsed:this.collapsed})}};this.subtitleClick=t=>{if(this.subtitleInteractive){this.stzhSubtitleClick.emit({component:"stzh-card",originalEvent:t})}};this.starToggleClick=t=>{this.stzhStarClick.emit({component:"stzh-card",starred:this.starred,originalEvent:t})};this.actionClick=(t,s)=>{this.stzhHeaderActionClick.emit({component:"stzh-card",action:s,originalEvent:t})};this.arrowUpClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=()=>{const t=this.element.closest("stzh-sortable");if(!t){this.sortable.removeEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.removeEventListener("stzhDisable",this.updateElementInsideSortable);return}if(this.element){a(this.element)}};this.init=()=>{const t=this.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');const s=this.element.querySelectorAll('stzh-text[slot="content"], [slot="meta"] stzh-text');t.forEach((t=>{d(t,{size:"small"})}));s.forEach((t=>{d(t,{size:"inherit"})}))};this.handleMutation=t=>{this.init();this.nodeChange(t)};this.handleSelectionChange=t=>{this.checked=t.detail.checked};this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-card",originalEvent:t,href:this.href})};this.localization=undefined;this.backgroundColor="grey";this.variant="default";this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.href=undefined;this.target=undefined;this.value="";this.disabled=false;this.hyphensEnabled=false;this.heading="";this.headingLevel="3";this.subtitle="";this.headerActions=[];this.headerActionsBadge=undefined;this.headerActionsBadgeType=undefined;this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideMovementActions=false;this.analyticsId=undefined}subtitleWatcher(t){if(typeof t==="string"){if(t===""){this._subtitles=[]}else{try{this._subtitles=JSON.parse(t)}catch(s){this._subtitles=[t]}}}else{this._subtitles=t}}headerActionsWatcher(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}}footerActionsWatcher(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}}findSortableChildElement(){const t=this.element.closest("stzh-sortable");if(t){let s=this.element;let a=null;if(typeof t.container==="function"){a=t.container()}else{a=t.container}while(s.parentElement&&s.parentElement!==a){s=s.parentElement}return s}}async componentWillLoad(){this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card")}}componentDidLoad(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}}componentDidRender(){requestAnimationFrame((()=>{var t,s,a;const e=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(e){(s=this.imageLinkElement)===null||s===void 0?void 0:s.setAttribute("s-object-id",e);(a=this.titleLinkElement)===null||a===void 0?void 0:a.setAttribute("s-object-id",e)}}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){var t,s,a,r,d;const n=i(this.element,"image");const z=i(this.element,"heading");const o=i(this.element,"footer");const l=i(this.element,"content");const f=`h${this.headingLevel}`;const p=`${this.subtitleInteractive?"button":"span"}`;const v=this.findSortableChildElement();const m=(v===null||v===void 0?void 0:v.parentElement)&&Array.from((t=v===null||v===void 0?void 0:v.parentElement)===null||t===void 0?void 0:t.children).indexOf(v)===0;const g=(v===null||v===void 0?void 0:v.parentElement)&&Array.from((s=v===null||v===void 0?void 0:v.parentElement)===null||s===void 0?void 0:s.children).indexOf(v)===((a=v===null||v===void 0?void 0:v.parentElement)===null||a===void 0?void 0:a.children.length)-1;const _=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;const b=_&&!this.hideMovementActions;const u=!!this.heading||z;const x=u||this._subtitles.length>0||this._headerActions.length>0||this.starrable||b;const k=o||this._footerActions.length>0||this.selectable;const y=this._headerActions.filter((t=>!!t.badge||t.badgeEmpty));const w=`--is-described-${Math.random().toString(36).slice(2,9)}`;const C=`stzh-card${w}`;const A={"stzh-card":true,"stzh-card--background-grey":this.backgroundColor==="grey","stzh-card--background-white":this.backgroundColor==="white","stzh-card--has-link":!!this.href,"stzh-card--has-image":n,"stzh-card--has-content":l,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-header":x,"stzh-card--has-footer":k,"stzh-card--is-collapsible":this.collapsible,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked,"stzh-card--is-sortable":_,[`stzh-card--${this.variant}`]:!!this.variant,"stzh-card--hyphens":this.hyphensEnabled};return e(h,{key:"ab0c11a19480f7e72b5ddf3259b46ea2b27e7e10",role:"listitem","aria-label":this.heading,"is-sortable":_},e("article",{key:"8b2664f9a63563a8f2b4c3fbc7078efc48bd684f",class:A},e("a",{key:"70e884cd5057b247ea630eb849c621e4e77173e7",ref:t=>this.imageLinkElement=t,"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:this.href,target:this.target,onClick:this.href?this.handleCardClick:null},e("slot",{key:"573e01a84e861e095286e213ed9b1fa987a8bb9f",name:"image"})),e("div",{key:"d6eb7d63773936b83ce473975545800d220a06fe",class:"stzh-card__content-wrapper"},e("stzh-icon",{key:"7fcccc25c519e08046931e29234e3c97c8f8f6dd",class:"stzh-card__dnd",name:"drag"}),e("header",{key:"c7e427c0334031d0642e24830bca7c31ae351c9c",class:"stzh-card__header",onClick:this.headerClick},e("div",{key:"9defe0af0560a8f5003de4822356772a0590cb8e",class:"stzh-card__header-top"},e("div",{key:"a88394cefc46099ffae1cc131a9f5dd62613bd3f",class:"stzh-card__header-left"},e("div",{key:"fdb524776d1e40b5ff6e1175d76cbd289497c908",class:"stzh-card__title-area"},u&&e(f,{key:"4f20f2bd937274360642f2719db57a08d52f977e",class:"stzh-card__title"},e("a",{key:"42b538d79ab56b67cd29a3ac590a708c6824f5a8",ref:t=>this.titleLinkElement=t,class:"stzh-card__title-link",href:this.href,target:this.target,onClick:this.href?this.handleCardClick:null,"aria-describedby":C},e("div",{key:"2779ac9d7bb654a3a52bc0b69544ff33cda1e56b",ref:t=>this.headingTextElement=t},this.heading?this.heading:e("slot",{name:"heading"})))),e("span",{key:"e1485549b384f3c2103cd35fc8b95941f4d1bd2f",id:C,hidden:true},(r=this.localization)===null||r===void 0?void 0:r.clickTitle),this._subtitles.length>0&&e(p,{key:"aacde27219371c18e71eb570f61a212132897d43",class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((t=>e("span",{class:"stzh-card__subtitle-text"},t)))))),e("div",{key:"9f24554ebfd4ba2a07e2342b9a2bb506576e205b",class:"stzh-card__header-right"},e("div",{key:"a9c8a734a35a99b343e3b1931b993b3a244f57da",class:"stzh-card__card-actions"},this.starrable&&e("stzh-tooltip",{key:"5ff0187fa748d447fd4a808cd898738ecd26601d"},e("stzh-button",{key:"8c30d0e3a56ef3579b6b2ed39df10f475225794d",class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),e("div",{key:"240acf7f059bf666f6d303a169e67222e089069f",slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(this._headerActions.length>0||this.starrable||b)&&e("stzh-popover",{key:"b8645a276e90a6a7b11371bc379745dc67bfe23f",label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true}},e("stzh-button",{key:"0c136824ed9b026a120a6cb32146a77df3572da5",class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true,badge:this.headerActionsBadge,badgeEmpty:y.length>0,badgePosition:"icon",badgeType:this.headerActionsBadgeType||((d=y[0])===null||d===void 0?void 0:d.badgeType)||"default"}),e("stzh-menu",{key:"13ee49012eb95a46d1d86c306268eedf9423c2b9",slot:"content"},this._headerActions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:s=>{this.actionClick(s,t)}},t.label))),b&&e(c,{key:"20dd399fca132e7aab6c5b09f0ab0f560799ae02"},!m&&e("stzh-menu-item",{key:"479fa893b089f0bffdb3dd300702af4270390612",icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!g&&e("stzh-menu-item",{key:"b766336ed0d3dfeb7ed312903f093833dd5e86bd",icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown)),this.starrable&&e("stzh-menu-item",{key:"d8e7771bf78de6dcb4857b4ab782d7d419d70952",icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd)))))),e("div",{key:"08c0256f7790f11a25412dfccbce418d18490f5a",class:"stzh-card__header-meta"},e("slot",{key:"b44347ccecbf2ea531f40013f9fbc7a9456427b2",name:"meta"}))),e("div",{key:"0148e4551ef5a25ffa9804f54b91e1d892ee1e77",class:"stzh-card__content hide-when-collapsed"},e("slot",{key:"cbfdb57b6417e60f12bb33dcfe2006614af0ae37",name:"content"})),e("div",{key:"c3caf1e511f495e1bdf24756ab8f33607c9a6d40",class:"stzh-card__footer hide-when-collapsed"},e("slot",{key:"7bcfc557608d310985d65a7963d003ea783d2817",name:"footer"},this._footerActions.length>0&&e("stzh-actionset",{key:"05c6b1fbb183bd4f159e3c38048f5aacc5f0ce8e",class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&e("stzh-button",{key:"85a82f40ea69ce465a085b85e8c3bdf6b83a16e6",class:"stzh-card__footer-select-button",fullwidth:true,type:"radio",variant:"secondary",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,label:this.localization.select,onStzhChange:this.handleSelectionChange}))))))}get element(){return r(this)}static get watchers(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"]}}};o.style=z;export{o as stzh_card};
-//# sourceMappingURL=p-dd5d4c39.entry.js.map
+import{r as t,c as s,f as a,h as e,F as c,a as h,g as r}from"./p-ef5985a3.js";import{s as d,h as i}from"./p-09b5eb01.js";import"./p-dae15605.js";const n='.sc-stzh-card-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-card-h,[stzh-hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-card-h .has-focus.sc-stzh-card{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card{outline-style:none !important}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card::-moz-focus-inner{border:0 !important}.sc-stzh-card-h{--border-radius:0px;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:flex;flex-direction:column;position:relative;border-radius:var(--border-radius)}@media print{.sc-stzh-card-h{page-break-inside:avoid;break-inside:avoid}}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h.sc-stzh-card-s>[slot=image],.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h.sc-stzh-card-s>img[slot=image],.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.stzh-card.sc-stzh-card{flex-grow:1;display:flex;flex-direction:column;background-color:var(--stzh-color-grey10);border-radius:var(--border-radius)}.stzh-card--background-grey.sc-stzh-card{background-color:var(--stzh-color-grey10)}.stzh-card--background-white.sc-stzh-card{background-color:var(--stzh-color-white)}.stzh-card__content-wrapper.sc-stzh-card{position:relative;flex-grow:1;display:flex;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 900px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header-top.sc-stzh-card{display:flex;justify-content:space-between;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:inline-flex;margin-top:var(--stzh-space-xsmall);gap:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}.stzh-card__left.sc-stzh-card{align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;align-items:center;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);flex-grow:1}.stzh-card__card-actions.sc-stzh-card{display:inline-flex;white-space:nowrap}@media screen and (max-width: 899px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-base-color)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xxlarge)}}.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}.stzh-card--has-header.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xsmall)}.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-footer.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--has-tag.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxxlarge)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__content.sc-stzh-card{transition:color var(--stzh-base-transition-animation-speed)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{z-index:1}.stzh-card--has-link.sc-stzh-card .stzh-card__card-actions.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__content.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__content.sc-stzh-card{color:var(--stzh-color-secondary60)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;appearance:none;background:none;border:none;transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary)}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}.stzh-card--hyphens.sc-stzh-card .stzh-card__heading.sc-stzh-card,.stzh-card--hyphens.sc-stzh-card .stzh-card__title.sc-stzh-card{hyphens:auto}';const z=n;const o=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhCollapse=s(this,"stzhCollapse",7);this.stzhSubtitleClick=s(this,"stzhSubtitleClick",7);this.stzhStarClick=s(this,"stzhStarClick",7);this.stzhHeaderActionClick=s(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=t=>{let s=false;t.forEach((t=>{if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){a(this.element)}};this.headerClick=t=>{if(!this.collapsible){return}const s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];const a=t.composedPath().map((t=>{var s;return(s=t.tagName)===null||s===void 0?void 0:s.toLowerCase()}));const e=a.some((t=>s.includes(t)));if(!e){this.collapsed=!this.collapsed;this.stzhCollapse.emit({component:"stzh-card",collapsed:this.collapsed})}};this.subtitleClick=t=>{if(this.subtitleInteractive){this.stzhSubtitleClick.emit({component:"stzh-card",originalEvent:t})}};this.starToggleClick=t=>{this.stzhStarClick.emit({component:"stzh-card",starred:this.starred,originalEvent:t})};this.actionClick=(t,s)=>{this.stzhHeaderActionClick.emit({component:"stzh-card",action:s,originalEvent:t})};this.arrowUpClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=()=>{const t=this.element.closest("stzh-sortable");if(!t){this.sortable.removeEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.removeEventListener("stzhDisable",this.updateElementInsideSortable);return}if(this.element){a(this.element)}};this.init=()=>{const t=this.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');const s=this.element.querySelectorAll('stzh-text[slot="content"], [slot="meta"] stzh-text');t.forEach((t=>{d(t,{size:"small"})}));s.forEach((t=>{d(t,{size:"inherit"})}))};this.handleMutation=t=>{this.init();this.nodeChange(t)};this.handleSelectionChange=t=>{this.checked=t.detail.checked};this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-card",originalEvent:t,href:this.href})};this.localization=undefined;this.backgroundColor="grey";this.variant="default";this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.href=undefined;this.target=undefined;this.value="";this.disabled=false;this.hyphensEnabled=false;this.heading="";this.headingLevel="3";this.subtitle="";this.headerActions=[];this.headerActionsBadge=undefined;this.headerActionsBadgeType=undefined;this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideMovementActions=false;this.analyticsId=undefined}subtitleWatcher(t){if(typeof t==="string"){if(t===""){this._subtitles=[]}else{try{this._subtitles=JSON.parse(t)}catch(s){this._subtitles=[t]}}}else{this._subtitles=t}}headerActionsWatcher(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}}footerActionsWatcher(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}}findSortableChildElement(){const t=this.element.closest("stzh-sortable");if(t){let s=this.element;let a=null;if(typeof t.container==="function"){a=t.container()}else{a=t.container}while(s.parentElement&&s.parentElement!==a){s=s.parentElement}return s}}async componentWillLoad(){this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card")}}componentDidLoad(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}}componentDidRender(){requestAnimationFrame((()=>{var t,s,a;const e=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(e){(s=this.imageLinkElement)===null||s===void 0?void 0:s.setAttribute("s-object-id",e);(a=this.titleLinkElement)===null||a===void 0?void 0:a.setAttribute("s-object-id",e)}}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){var t,s,a,r,d;const n=i(this.element,"image");const z=i(this.element,"heading");const o=i(this.element,"footer");const l=i(this.element,"content");const f=`h${this.headingLevel}`;const p=`${this.subtitleInteractive?"button":"span"}`;const v=this.findSortableChildElement();const m=(v===null||v===void 0?void 0:v.parentElement)&&Array.from((t=v===null||v===void 0?void 0:v.parentElement)===null||t===void 0?void 0:t.children).indexOf(v)===0;const g=(v===null||v===void 0?void 0:v.parentElement)&&Array.from((s=v===null||v===void 0?void 0:v.parentElement)===null||s===void 0?void 0:s.children).indexOf(v)===((a=v===null||v===void 0?void 0:v.parentElement)===null||a===void 0?void 0:a.children.length)-1;const _=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;const b=_&&!this.hideMovementActions;const u=!!this.heading||z;const x=u||this._subtitles.length>0||this._headerActions.length>0||this.starrable||b;const k=o||this._footerActions.length>0||this.selectable;const y=this._headerActions.filter((t=>!!t.badge||t.badgeEmpty));const w=`--is-described-${Math.random().toString(36).slice(2,9)}`;const C=`stzh-card${w}`;const A={"stzh-card":true,"stzh-card--background-grey":this.backgroundColor==="grey","stzh-card--background-white":this.backgroundColor==="white","stzh-card--has-link":!!this.href,"stzh-card--has-image":n,"stzh-card--has-content":l,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-header":x,"stzh-card--has-footer":k,"stzh-card--is-collapsible":this.collapsible,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked,"stzh-card--is-sortable":_,[`stzh-card--${this.variant}`]:!!this.variant,"stzh-card--hyphens":this.hyphensEnabled};return e(h,{key:"ab0c11a19480f7e72b5ddf3259b46ea2b27e7e10",role:"listitem","aria-label":this.heading,"is-sortable":_},e("article",{key:"8b2664f9a63563a8f2b4c3fbc7078efc48bd684f",class:A},e("a",{key:"70e884cd5057b247ea630eb849c621e4e77173e7",ref:t=>this.imageLinkElement=t,"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:this.href,target:this.target,onClick:this.href?this.handleCardClick:null},e("slot",{key:"573e01a84e861e095286e213ed9b1fa987a8bb9f",name:"image"})),e("div",{key:"d6eb7d63773936b83ce473975545800d220a06fe",class:"stzh-card__content-wrapper"},e("stzh-icon",{key:"7fcccc25c519e08046931e29234e3c97c8f8f6dd",class:"stzh-card__dnd",name:"drag"}),e("header",{key:"c7e427c0334031d0642e24830bca7c31ae351c9c",class:"stzh-card__header",onClick:this.headerClick},e("div",{key:"9defe0af0560a8f5003de4822356772a0590cb8e",class:"stzh-card__header-top"},e("div",{key:"a88394cefc46099ffae1cc131a9f5dd62613bd3f",class:"stzh-card__header-left"},e("div",{key:"fdb524776d1e40b5ff6e1175d76cbd289497c908",class:"stzh-card__title-area"},u&&e(f,{key:"4f20f2bd937274360642f2719db57a08d52f977e",class:"stzh-card__title"},e("a",{key:"42b538d79ab56b67cd29a3ac590a708c6824f5a8",ref:t=>this.titleLinkElement=t,class:"stzh-card__title-link",href:this.href,target:this.target,onClick:this.href?this.handleCardClick:null,"aria-describedby":C},e("div",{key:"2779ac9d7bb654a3a52bc0b69544ff33cda1e56b",ref:t=>this.headingTextElement=t},this.heading?this.heading:e("slot",{name:"heading"})))),e("span",{key:"e1485549b384f3c2103cd35fc8b95941f4d1bd2f",id:C,hidden:true},(r=this.localization)===null||r===void 0?void 0:r.clickTitle),this._subtitles.length>0&&e(p,{key:"aacde27219371c18e71eb570f61a212132897d43",class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((t=>e("span",{class:"stzh-card__subtitle-text"},t)))))),e("div",{key:"9f24554ebfd4ba2a07e2342b9a2bb506576e205b",class:"stzh-card__header-right"},e("div",{key:"a9c8a734a35a99b343e3b1931b993b3a244f57da",class:"stzh-card__card-actions"},this.starrable&&e("stzh-tooltip",{key:"5ff0187fa748d447fd4a808cd898738ecd26601d"},e("stzh-button",{key:"8c30d0e3a56ef3579b6b2ed39df10f475225794d",class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),e("div",{key:"240acf7f059bf666f6d303a169e67222e089069f",slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(this._headerActions.length>0||this.starrable||b)&&e("stzh-popover",{key:"b8645a276e90a6a7b11371bc379745dc67bfe23f",label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true}},e("stzh-button",{key:"0c136824ed9b026a120a6cb32146a77df3572da5",class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true,badge:this.headerActionsBadge,badgeEmpty:y.length>0,badgePosition:"icon",badgeType:this.headerActionsBadgeType||((d=y[0])===null||d===void 0?void 0:d.badgeType)||"default"}),e("stzh-menu",{key:"13ee49012eb95a46d1d86c306268eedf9423c2b9",slot:"content"},this._headerActions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:s=>{this.actionClick(s,t)}},t.label))),b&&e(c,{key:"20dd399fca132e7aab6c5b09f0ab0f560799ae02"},!m&&e("stzh-menu-item",{key:"479fa893b089f0bffdb3dd300702af4270390612",icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!g&&e("stzh-menu-item",{key:"b766336ed0d3dfeb7ed312903f093833dd5e86bd",icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown)),this.starrable&&e("stzh-menu-item",{key:"d8e7771bf78de6dcb4857b4ab782d7d419d70952",icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd)))))),e("div",{key:"08c0256f7790f11a25412dfccbce418d18490f5a",class:"stzh-card__header-meta"},e("slot",{key:"b44347ccecbf2ea531f40013f9fbc7a9456427b2",name:"meta"}))),e("div",{key:"0148e4551ef5a25ffa9804f54b91e1d892ee1e77",class:"stzh-card__content hide-when-collapsed"},e("slot",{key:"cbfdb57b6417e60f12bb33dcfe2006614af0ae37",name:"content"})),e("div",{key:"c3caf1e511f495e1bdf24756ab8f33607c9a6d40",class:"stzh-card__footer hide-when-collapsed"},e("slot",{key:"7bcfc557608d310985d65a7963d003ea783d2817",name:"footer"},this._footerActions.length>0&&e("stzh-actionset",{key:"05c6b1fbb183bd4f159e3c38048f5aacc5f0ce8e",class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&e("stzh-button",{key:"85a82f40ea69ce465a085b85e8c3bdf6b83a16e6",class:"stzh-card__footer-select-button",fullwidth:true,type:"radio",variant:"secondary",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,label:this.localization.select,onStzhChange:this.handleSelectionChange}))))))}get element(){return r(this)}static get watchers(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"]}}};o.style=z;export{o as stzh_card};
+//# sourceMappingURL=p-8516eea3.entry.js.map