@oiz/stzh-components 2.5.0-alpha-carousel → 2.5.0-alpha

package/dist/esm-es5/stzh-calendar.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,a,t,s){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(s.next(e))}catch(a){r(a)}}function i(e){try{l(s["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):n(e.value).then(o,i)}l((s=s.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function i(e){return function(a){return l([e,a])}}function l(i){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,i[0]&&(t=0)),t)try{if(s=1,n&&(r=i[0]&2?n["return"]:i[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,i[1])).done)return r;if(n=0,r)i=[i[0]&2,r.value];switch(i[0]){case 0:case 1:r=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;n=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!r||i[1]>r[0]&&i[1]<r[3])){t.label=i[1];break}if(i[0]===6&&t.label<r[1]){t.label=r[1];r=i;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(i);break}if(r[2])t.ops.pop();t.trys.pop();continue}i=a.call(e,t)}catch(l){i=[6,l];n=0}finally{s=r=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,r as registerInstance,e as createEvent,c as Host,g as getElement}from"./index-319b7c49.js";import{i as isEqual,b as isEqualMonth,g as getViewOfMonth,c as inRange,p as parseISODate,D as DaysOfWeek,d as clamp,a as printISODate,e as addDays,s as startOfWeek,f as endOfWeek,h as setMonth,j as startOfMonth,k as endOfMonth,l as setYear}from"./date-utils-be83fff1.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var StzhCalendarDay=function(e){var a=e.focusedDay,t=e.today,s=e.day,n=e.onDaySelect,r=e.onKeyboardNavigation,o=e.focusedDayRef,i=e.disabled,l=e.inRange,c=e.isSelected,d=e.dateFormatter;var u=isEqual(s,t);var f=isEqualMonth(s,a);var z=isEqual(s,a);var p=!l;function y(e){n(e,s)}return h("button",{class:{"stzh-calendar__day":true,"is-outside":p,"is-today":u,"is-month":f,"is-disabled":i},tabIndex:z?0:-1,onClick:y,onKeyDown:r,"aria-disabled":i?"true":undefined,disabled:p,type:"button","aria-pressed":c?"true":"false","aria-current":u?"date":undefined,ref:function(e){if(z&&e&&o){o(e)}}},h("span",{"aria-hidden":"true"},s.getDate()),h("span",{class:"stzh-calendar__vhidden"},d.format(s)))};function chunk(e,a){var t=[];for(var s=0;s<e.length;s+=a){t.push(e.slice(s,s+a))}return t}function mapWithOffset(e,a,t){return e.map((function(s,n){var r=(n+a)%e.length;return t(e[r])}))}var StzhCalendarMonth=function(e){var a=e.selectedDate,t=e.focusedDate,s=e.labelledById,n=e.localization,r=e.firstDayOfWeek,o=e.min,i=e.max,l=e.dateFormatter,c=e.isDateDisabled,d=e.onDateSelect,u=e.onKeyboardNavigation,f=e.focusedDayRef;var z=new Date;var p=getViewOfMonth(t,r);return h("table",{class:"stzh-calendar__table","aria-labelledby":s},h("thead",null,h("tr",null,mapWithOffset(n.$globals.dayNames,r,(function(e){return h("th",{class:"stzh-calendar__table-header",scope:"col"},h("span",{"aria-hidden":"true"},e.substring(0,2)),h("span",{class:"stzh-calendar__vhidden"},e))})))),h("tbody",null,chunk(p,7).map((function(e){return h("tr",{class:"stzh-calendar__row"},e.map((function(e){return h("td",{class:"stzh-calendar__cell"},h(StzhCalendarDay,{day:e,today:z,focusedDay:t,isSelected:isEqual(e,a),disabled:c(e),inRange:inRange(e,o,i),onDaySelect:d,dateFormatter:l,onKeyboardNavigation:u,focusedDayRef:f}))})))}))))};var stzhCalendarCss='.sc-stzh-calendar-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-calendar-h{display:none}.sc-stzh-calendar-h *.sc-stzh-calendar,.sc-stzh-calendar-h *.sc-stzh-calendar::before,.sc-stzh-calendar-h *.sc-stzh-calendar::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-calendar-h{display:block}.stzh-calendar.sc-stzh-calendar{display:-ms-flexbox;display:flex;position:relative;text-align:left;color:var(--stzh-base-color);-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stzh-calendar__wrapper.sc-stzh-calendar{width:100%}@media screen and (min-width: 600px){.stzh-calendar__wrapper.sc-stzh-calendar{min-width:18.125rem}}.stzh-calendar__table.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;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);border-collapse:collapse;border-spacing:0;color:var(--stzh-base-color);text-align:center;width:100%}.stzh-calendar__table-header.sc-stzh-calendar,.stzh-calendar__cell.sc-stzh-calendar{padding:var(--stzh-space-xxxsmall)}.stzh-calendar__table-header.sc-stzh-calendar:first-child,.stzh-calendar__cell.sc-stzh-calendar:first-child{padding-left:0}.stzh-calendar__table-header.sc-stzh-calendar:last-child,.stzh-calendar__cell.sc-stzh-calendar:last-child{padding-right:0}.stzh-calendar__row.sc-stzh-calendar:last-child .stzh-calendar__cell.sc-stzh-calendar{padding-bottom:0}.stzh-calendar__table-header.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-decoration:none;padding-top:0}.stzh-calendar__cell.sc-stzh-calendar{text-align:center}.stzh-calendar__day.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;color:var(--stzh-base-color);cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;height:2.5rem;padding:0 0 0.0625rem;position:relative;text-align:center;vertical-align:middle;width:2.5rem;z-index:1}.stzh-calendar__day.sc-stzh-calendar::before{border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.stzh-calendar__day.is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));position:relative;z-index:200}.stzh-calendar__day.sc-stzh-calendar:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day.sc-stzh-calendar:hover::before{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.08}.stzh-calendar__day[aria-pressed=true].sc-stzh-calendar,.stzh-calendar__day.sc-stzh-calendar:focus{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-color-white)}.stzh-calendar__day.sc-stzh-calendar:active{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white);z-index:200}.stzh-calendar__day.sc-stzh-calendar:focus{z-index:200}.stzh-calendar__day.sc-stzh-calendar:not(.is-month){-webkit-box-shadow:none;box-shadow:none}.stzh-calendar__day.sc-stzh-calendar:not(.is-month),.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar{background:transparent;color:var(--stzh-color-grey25);cursor:default}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13);box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13)}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar:focus{-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar::before{display:none}.stzh-calendar__day.is-disabled.sc-stzh-calendar{text-decoration:line-through}.stzh-calendar__day.is-outside.sc-stzh-calendar{background:var(--stzh-color-grey5);-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-base-color);cursor:default;opacity:0.6;pointer-events:none;text-decoration:none}.stzh-calendar__day.is-outside.sc-stzh-calendar::before{display:none}.stzh-calendar__header.sc-stzh-calendar{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);width:100%}.stzh-calendar__nav.sc-stzh-calendar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-calendar__prev.sc-stzh-calendar,.stzh-calendar__next.sc-stzh-calendar{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:0.0625rem solid var(--stzh-color-grey13);border-radius:50%;color:var(--stzh-color-grey70);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;margin-left:var(--stzh-space-xsmall);padding:0;-webkit-transition:background-color 300ms ease;transition:background-color 300ms ease;height:2rem;width:2rem}.stzh-calendar__prev.sc-stzh-calendar:disabled,.stzh-calendar__next.sc-stzh-calendar:disabled{cursor:default;opacity:0.5}.stzh-calendar__select-wrapper.sc-stzh-calendar{display:-ms-inline-flexbox;display:inline-flex;position:relative}.stzh-calendar__select-wrapper.sc-stzh-calendar span.sc-stzh-calendar{margin-right:0px}.stzh-calendar__select.sc-stzh-calendar{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);cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2;border-radius:var(--stzh-form-input-border-radius)}.stzh-calendar__select-label.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);-ms-flex-align:center;align-items:center;border-radius:var(--stzh-form-input-border-radius);color:var(--stzh-color-grey70);display:-ms-flexbox;display:flex;padding:0 var(--stzh-space-xxsmall) 0 var(--stzh-space-xsmall);pointer-events:none;position:relative;width:100%;z-index:1}.stzh-calendar__icon.sc-stzh-calendar{--size:var(--stzh-icon-size-medium)}.stzh-calendar__vhidden.sc-stzh-calendar{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}';function range(e,a){var t=[];for(var s=e;s<=a;s++){t.push(s)}return t}var keyCode={TAB:9,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};var calendarCounter=0;var StzhCalendar=function(){function e(e){var a=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this.initialTouchX=null;this.initialTouchY=null;this.enableActiveFocus=function(){a.activeFocus=true};this.disableActiveFocus=function(){a.activeFocus=false};this.handleTouchStart=function(e){var t=e.changedTouches[0];a.initialTouchX=t.pageX;a.initialTouchY=t.pageY};this.handleTouchEnd=function(e){var t=e.changedTouches[0];var s=t.pageX-a.initialTouchX;var n=t.pageY-a.initialTouchY;var r=70;var o=Math.abs(s)>=r&&Math.abs(n)<=r;if(o){a.addMonths(s<0?1:-1)}a.initialTouchY=null;a.initialTouchX=null};this.handleNextMonthClick=function(e){e.preventDefault();a.addMonths(1)};this.handlePreviousMonthClick=function(e){e.preventDefault();a.addMonths(-1)};this.handleKeyboardNavigation=function(e){var t=true;switch(e.keyCode){case keyCode.RIGHT:a.addDays(1);break;case keyCode.LEFT:a.addDays(-1);break;case keyCode.DOWN:a.addDays(7);break;case keyCode.UP:a.addDays(-7);break;case keyCode.PAGE_UP:if(e.shiftKey){a.addYears(-1)}else{a.addMonths(-1)}break;case keyCode.PAGE_DOWN:if(e.shiftKey){a.addYears(1)}else{a.addMonths(1)}break;case keyCode.HOME:a.startOfWeek();break;case keyCode.END:a.endOfWeek();break;default:t=false}if(t){e.preventDefault();a.enableActiveFocus()}};this.handleDaySelect=function(e,t){var s=inRange(t,parseISODate(a.min),parseISODate(a.max));var n=!a.isDateDisabled(t);if(s&&n){a.setDate(t);a.stzhChange.emit({component:"stzh-calendar",value:a.value,valueAsDate:t})}else{a.setFocusedDay(t)}};this.handleMonthSelect=function(e){a.setMonth(parseInt(e.target.value,10))};this.handleYearSelect=function(e){a.setYear(parseInt(e.target.value,10))};this.processFocusedDayNode=function(e){if(a.activeFocus){setTimeout((function(){return e.focus()}),0)}};this.value="";this.min="";this.max="";this.firstDayOfWeek=DaysOfWeek.Monday;this.localization=undefined;this.isDateDisabled=function(){return false};this.activeFocus=false;this.focusedDay=new Date}e.prototype.createDateFormatters=function(){if(this.localization){this.dateFormatShort=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long"})}};e.prototype.valueWatcher=function(e){if(e){this.setFocusedDay(parseISODate(this.value))}else{this.setFocusedDay(new Date)}};e.prototype.setFocusedDay=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.focusedDay=clamp(e,parseISODate(this.min),parseISODate(this.max));return[2]}))}))};e.prototype.setDate=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=printISODate(e);return[2]}))}))};e.prototype.addDays=function(e){this.setFocusedDay(addDays(this.focusedDay,e))};e.prototype.addMonths=function(e){this.setMonth(this.focusedDay.getMonth()+e)};e.prototype.addYears=function(e){this.setYear(this.focusedDay.getFullYear()+e)};e.prototype.startOfWeek=function(){this.setFocusedDay(startOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.setMonth=function(e){var a=setMonth(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setMonth(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.setYear=function(e){var a=setYear(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setYear(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){switch(a.label){case 0:this.monthSelectId="stzh-calendar-month-".concat(calendarCounter);this.yearSelectId="stzh-calendar-year-".concat(calendarCounter);this.dialogLabelId="stzh-calendar-dialog-".concat(calendarCounter);calendarCounter++;this.valueWatcher(this.value);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"calendar")];case 1:e.localization=a.sent();a.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.createDateFormatters()};e.prototype.render=function(){var e=parseISODate(this.value);var a=(e||this.focusedDay).getFullYear();var t=this.focusedDay.getMonth();var s=this.focusedDay.getFullYear();var n=parseISODate(this.min);var r=parseISODate(this.max);var o=n!=null&&n.getMonth()===t&&n.getFullYear()===s;var i=r!=null&&r.getMonth()===t&&r.getFullYear()===s;var l=n?n.getFullYear():a-10;var c=r?r.getFullYear():a+10;return h(Host,null,h("div",{class:{"stzh-calendar":true},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{class:"stzh-calendar__wrapper"},h("div",{class:"stzh-calendar__header",onFocusin:this.disableActiveFocus},h("div",null,h("h2",{id:this.dialogLabelId,class:"stzh-calendar__vhidden","aria-live":"polite","aria-atomic":"true"},this.localization.$globals.monthNames[t],this.focusedDay.getFullYear()),h("label",{htmlFor:this.monthSelectId,class:"stzh-calendar__vhidden"},this.localization.monthSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.monthSelectId,class:"stzh-calendar__select stzh-calendar__select--month",onChange:this.handleMonthSelect},this.localization.$globals.monthNames.map((function(e,a){return h("option",{key:e,value:a,selected:a===t,disabled:!inRange(new Date(s,a,1),n?startOfMonth(n):null,r?endOfMonth(r):null)},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.localization.$globals.monthNamesShort[t]),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"}))),h("label",{htmlFor:this.yearSelectId,class:"stzh-calendar__vhidden"},this.localization.yearSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.yearSelectId,class:"stzh-calendar__select stzh-calendar__select--year",onChange:this.handleYearSelect},range(l,c).map((function(e){return h("option",{key:e,selected:e===s},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"})))),h("div",{class:"stzh-calendar__nav"},h("button",{class:"stzh-calendar__prev",onClick:this.handlePreviousMonthClick,disabled:o,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-left"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.prevMonthLabel)),h("button",{class:"stzh-calendar__next",onClick:this.handleNextMonthClick,disabled:i,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-right"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.nextMonthLabel)))),h(StzhCalendarMonth,{dateFormatter:this.dateFormatShort,selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:n,max:r,isDateDisabled:this.isDateDisabled}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{localization:["createDateFormatters"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();StzhCalendar.style=stzhCalendarCss;export{StzhCalendar as stzh_calendar};
+var __awaiter=this&&this.__awaiter||function(e,a,t,n){function s(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function i(e){try{l(n.next(e))}catch(a){r(a)}}function o(e){try{l(n["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):s(e.value).then(i,o)}l((n=n.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,i;return i={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(a){return l([e,a])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,o[0]&&(t=0)),t)try{if(n=1,s&&(r=o[0]&2?s["return"]:o[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,o[1])).done)return r;if(s=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;s=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=a.call(e,t)}catch(l){o=[6,l];s=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{h,r as registerInstance,e as createEvent,c as Host,g as getElement}from"./index-319b7c49.js";import{i as isEqual,b as isEqualMonth,g as getViewOfMonth,c as inRange,p as parseISODate,D as DaysOfWeek,d as clamp,a as printISODate,e as addDays,s as startOfWeek,f as endOfWeek,h as setMonth,j as startOfMonth,k as endOfMonth,l as setYear}from"./date-utils-be83fff1.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var StzhCalendarDay=function(e){var a=e.focusedDay,t=e.today,n=e.day,s=e.onDaySelect,r=e.onKeyboardNavigation,i=e.focusedDayRef,o=e.disabled,l=e.inRange,c=e.isSelected,d=e.dateFormatter;var u=isEqual(n,t);var f=isEqualMonth(n,a);var z=isEqual(n,a);var p=!l;function y(e){s(e,n)}return h("button",{class:{"stzh-calendar__day":true,"is-outside":p,"is-today":u,"is-month":f,"is-disabled":o},tabIndex:z?0:-1,onClick:y,onKeyDown:r,"aria-disabled":o?"true":undefined,disabled:p,type:"button","aria-pressed":c?"true":"false","aria-current":u?"date":undefined,ref:function(e){if(z&&e&&i){i(e)}}},h("span",{"aria-hidden":"true"},n.getDate()),h("span",{class:"stzh-calendar__vhidden"},d.format(n)))};function chunk(e,a){var t=[];for(var n=0;n<e.length;n+=a){t.push(e.slice(n,n+a))}return t}function mapWithOffset(e,a,t){return e.map((function(n,s){var r=(s+a)%e.length;return t(e[r])}))}var StzhCalendarMonth=function(e){var a=e.selectedDate,t=e.focusedDate,n=e.labelledById,s=e.localization,r=e.firstDayOfWeek,i=e.min,o=e.max,l=e.dateFormatter,c=e.isDateDisabled,d=e.onDateSelect,u=e.onKeyboardNavigation,f=e.focusedDayRef;var z=new Date;var p=getViewOfMonth(t,r);return h("table",{class:"stzh-calendar__table","aria-labelledby":n},h("thead",null,h("tr",null,mapWithOffset(s.$globals.dayNames,r,(function(e){return h("th",{class:"stzh-calendar__table-header",scope:"col"},h("span",{"aria-hidden":"true"},e.substring(0,2)),h("span",{class:"stzh-calendar__vhidden"},e))})))),h("tbody",null,chunk(p,7).map((function(e){return h("tr",{class:"stzh-calendar__row"},e.map((function(e){return h("td",{class:"stzh-calendar__cell"},h(StzhCalendarDay,{day:e,today:z,focusedDay:t,isSelected:isEqual(e,a),disabled:c(e),inRange:inRange(e,i,o),onDaySelect:d,dateFormatter:l,onKeyboardNavigation:u,focusedDayRef:f}))})))}))))};var stzhCalendarCss='.sc-stzh-calendar-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-calendar-h{display:none}.sc-stzh-calendar-h *.sc-stzh-calendar,.sc-stzh-calendar-h *.sc-stzh-calendar::before,.sc-stzh-calendar-h *.sc-stzh-calendar::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-calendar-h{display:block}.stzh-calendar.sc-stzh-calendar{display:-ms-flexbox;display:flex;position:relative;text-align:left;color:var(--stzh-base-color);-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stzh-calendar__wrapper.sc-stzh-calendar{width:100%}@media screen and (min-width: 600px){.stzh-calendar__wrapper.sc-stzh-calendar{min-width:18.125rem}}.stzh-calendar__table.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;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);border-collapse:collapse;border-spacing:0;color:var(--stzh-base-color);text-align:center;width:100%}.stzh-calendar__table-header.sc-stzh-calendar,.stzh-calendar__cell.sc-stzh-calendar{padding:var(--stzh-space-xxxsmall)}.stzh-calendar__table-header.sc-stzh-calendar:first-child,.stzh-calendar__cell.sc-stzh-calendar:first-child{padding-left:0}.stzh-calendar__table-header.sc-stzh-calendar:last-child,.stzh-calendar__cell.sc-stzh-calendar:last-child{padding-right:0}.stzh-calendar__row.sc-stzh-calendar:last-child .stzh-calendar__cell.sc-stzh-calendar{padding-bottom:0}.stzh-calendar__table-header.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);-webkit-text-decoration-line:none;text-decoration-line:none;padding-top:0}.stzh-calendar__cell.sc-stzh-calendar{text-align:center}.stzh-calendar__day.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;color:var(--stzh-base-color);cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;height:2.5rem;padding:0 0 0.0625rem;position:relative;text-align:center;vertical-align:middle;width:2.5rem;z-index:1}.stzh-calendar__day.sc-stzh-calendar::before{border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.stzh-calendar__day.is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));position:relative;z-index:200}.stzh-calendar__day.sc-stzh-calendar:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day.sc-stzh-calendar:hover::before{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.08}.stzh-calendar__day[aria-pressed=true].sc-stzh-calendar,.stzh-calendar__day.sc-stzh-calendar:focus{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-color-white)}.stzh-calendar__day.sc-stzh-calendar:active{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white);z-index:200}.stzh-calendar__day.sc-stzh-calendar:focus{z-index:200}.stzh-calendar__day.sc-stzh-calendar:not(.is-month){-webkit-box-shadow:none;box-shadow:none}.stzh-calendar__day.sc-stzh-calendar:not(.is-month),.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar{background:transparent;color:var(--stzh-color-grey25);cursor:default}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13);box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13)}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar:focus{-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar::before{display:none}.stzh-calendar__day.is-disabled.sc-stzh-calendar{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.stzh-calendar__day.is-outside.sc-stzh-calendar{background:var(--stzh-color-grey5);-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-base-color);cursor:default;opacity:0.6;pointer-events:none;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-calendar__day.is-outside.sc-stzh-calendar::before{display:none}.stzh-calendar__header.sc-stzh-calendar{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);width:100%}.stzh-calendar__nav.sc-stzh-calendar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-calendar__prev.sc-stzh-calendar,.stzh-calendar__next.sc-stzh-calendar{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:0.0625rem solid var(--stzh-color-grey13);border-radius:50%;color:var(--stzh-color-grey70);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;margin-left:var(--stzh-space-xsmall);padding:0;-webkit-transition:background-color 300ms ease;transition:background-color 300ms ease;height:2rem;width:2rem}.stzh-calendar__prev.sc-stzh-calendar:disabled,.stzh-calendar__next.sc-stzh-calendar:disabled{cursor:default;opacity:0.5}.stzh-calendar__select-wrapper.sc-stzh-calendar{display:-ms-inline-flexbox;display:inline-flex;position:relative}.stzh-calendar__select-wrapper.sc-stzh-calendar span.sc-stzh-calendar{margin-right:0px}.stzh-calendar__select.sc-stzh-calendar{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);cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2;border-radius:var(--stzh-form-input-border-radius)}.stzh-calendar__select-label.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);-ms-flex-align:center;align-items:center;border-radius:var(--stzh-form-input-border-radius);color:var(--stzh-color-grey70);display:-ms-flexbox;display:flex;padding:0 var(--stzh-space-xxsmall) 0 var(--stzh-space-xsmall);pointer-events:none;position:relative;width:100%;z-index:1}.stzh-calendar__icon.sc-stzh-calendar{--size:var(--stzh-icon-size-medium)}.stzh-calendar__vhidden.sc-stzh-calendar{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}';function range(e,a){var t=[];for(var n=e;n<=a;n++){t.push(n)}return t}var keyCode={TAB:9,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};var calendarCounter=0;var StzhCalendar=function(){function e(e){var a=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this.initialTouchX=null;this.initialTouchY=null;this.enableActiveFocus=function(){a.activeFocus=true};this.disableActiveFocus=function(){a.activeFocus=false};this.handleTouchStart=function(e){var t=e.changedTouches[0];a.initialTouchX=t.pageX;a.initialTouchY=t.pageY};this.handleTouchEnd=function(e){var t=e.changedTouches[0];var n=t.pageX-a.initialTouchX;var s=t.pageY-a.initialTouchY;var r=70;var i=Math.abs(n)>=r&&Math.abs(s)<=r;if(i){a.addMonths(n<0?1:-1)}a.initialTouchY=null;a.initialTouchX=null};this.handleNextMonthClick=function(e){e.preventDefault();a.addMonths(1)};this.handlePreviousMonthClick=function(e){e.preventDefault();a.addMonths(-1)};this.handleKeyboardNavigation=function(e){var t=true;switch(e.keyCode){case keyCode.RIGHT:a.addDays(1);break;case keyCode.LEFT:a.addDays(-1);break;case keyCode.DOWN:a.addDays(7);break;case keyCode.UP:a.addDays(-7);break;case keyCode.PAGE_UP:if(e.shiftKey){a.addYears(-1)}else{a.addMonths(-1)}break;case keyCode.PAGE_DOWN:if(e.shiftKey){a.addYears(1)}else{a.addMonths(1)}break;case keyCode.HOME:a.startOfWeek();break;case keyCode.END:a.endOfWeek();break;default:t=false}if(t){e.preventDefault();a.enableActiveFocus()}};this.handleDaySelect=function(e,t){var n=inRange(t,parseISODate(a.min),parseISODate(a.max));var s=!a.isDateDisabled(t);if(n&&s){a.setDate(t);a.stzhChange.emit({component:"stzh-calendar",value:a.value,valueAsDate:t})}else{a.setFocusedDay(t)}};this.handleMonthSelect=function(e){a.setMonth(parseInt(e.target.value,10))};this.handleYearSelect=function(e){a.setYear(parseInt(e.target.value,10))};this.processFocusedDayNode=function(e){if(a.activeFocus){setTimeout((function(){return e.focus()}),0)}};this.value="";this.min="";this.max="";this.firstDayOfWeek=DaysOfWeek.Monday;this.localization=undefined;this.isDateDisabled=function(){return false};this.activeFocus=false;this.focusedDay=new Date}e.prototype.createDateFormatters=function(){if(this.localization){this.dateFormatShort=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long"})}};e.prototype.valueWatcher=function(e){if(e){this.setFocusedDay(parseISODate(this.value))}else{this.setFocusedDay(new Date)}};e.prototype.setFocusedDay=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.focusedDay=clamp(e,parseISODate(this.min),parseISODate(this.max));return[2]}))}))};e.prototype.setDate=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=printISODate(e);return[2]}))}))};e.prototype.addDays=function(e){this.setFocusedDay(addDays(this.focusedDay,e))};e.prototype.addMonths=function(e){this.setMonth(this.focusedDay.getMonth()+e)};e.prototype.addYears=function(e){this.setYear(this.focusedDay.getFullYear()+e)};e.prototype.startOfWeek=function(){this.setFocusedDay(startOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.setMonth=function(e){var a=setMonth(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var n=setMonth(this.focusedDay,e);this.setFocusedDay(clamp(n,a,t))};e.prototype.setYear=function(e){var a=setYear(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var n=setYear(this.focusedDay,e);this.setFocusedDay(clamp(n,a,t))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){switch(a.label){case 0:this.monthSelectId="stzh-calendar-month-".concat(calendarCounter);this.yearSelectId="stzh-calendar-year-".concat(calendarCounter);this.dialogLabelId="stzh-calendar-dialog-".concat(calendarCounter);calendarCounter++;this.valueWatcher(this.value);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"calendar")];case 1:e.localization=a.sent();a.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.createDateFormatters()};e.prototype.render=function(){var e=parseISODate(this.value);var a=(e||this.focusedDay).getFullYear();var t=this.focusedDay.getMonth();var n=this.focusedDay.getFullYear();var s=parseISODate(this.min);var r=parseISODate(this.max);var i=s!=null&&s.getMonth()===t&&s.getFullYear()===n;var o=r!=null&&r.getMonth()===t&&r.getFullYear()===n;var l=s?s.getFullYear():a-10;var c=r?r.getFullYear():a+10;return h(Host,null,h("div",{class:{"stzh-calendar":true},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{class:"stzh-calendar__wrapper"},h("div",{class:"stzh-calendar__header",onFocusin:this.disableActiveFocus},h("div",null,h("h2",{id:this.dialogLabelId,class:"stzh-calendar__vhidden","aria-live":"polite","aria-atomic":"true"},this.localization.$globals.monthNames[t],this.focusedDay.getFullYear()),h("label",{htmlFor:this.monthSelectId,class:"stzh-calendar__vhidden"},this.localization.monthSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.monthSelectId,class:"stzh-calendar__select stzh-calendar__select--month",onChange:this.handleMonthSelect},this.localization.$globals.monthNames.map((function(e,a){return h("option",{key:e,value:a,selected:a===t,disabled:!inRange(new Date(n,a,1),s?startOfMonth(s):null,r?endOfMonth(r):null)},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.localization.$globals.monthNamesShort[t]),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"}))),h("label",{htmlFor:this.yearSelectId,class:"stzh-calendar__vhidden"},this.localization.yearSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.yearSelectId,class:"stzh-calendar__select stzh-calendar__select--year",onChange:this.handleYearSelect},range(l,c).map((function(e){return h("option",{key:e,selected:e===n},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"})))),h("div",{class:"stzh-calendar__nav"},h("button",{class:"stzh-calendar__prev",onClick:this.handlePreviousMonthClick,disabled:i,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-left"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.prevMonthLabel)),h("button",{class:"stzh-calendar__next",onClick:this.handleNextMonthClick,disabled:o,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-right"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.nextMonthLabel)))),h(StzhCalendarMonth,{dateFormatter:this.dateFormatShort,selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:s,max:r,isDateDisabled:this.isDateDisabled}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{localization:["createDateFormatters"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();StzhCalendar.style=stzhCalendarCss;export{StzhCalendar as stzh_calendar};

package/dist/esm-es5/stzh-card_3.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,s,a){function i(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,r){function c(t){try{o(a.next(t))}catch(e){r(e)}}function h(t){try{o(a["throw"](t))}catch(e){r(e)}}function o(t){t.done?s(t.value):i(t.value).then(c,h)}o((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,c;return c={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function h(t){return function(e){return o([t,e])}}function o(h){if(a)throw new TypeError("Generator is already executing.");while(c&&(c=0,h[0]&&(s=0)),s)try{if(a=1,i&&(r=h[0]&2?i["return"]:h[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,h[1])).done)return r;if(i=0,r)h=[h[0]&2,r.value];switch(h[0]){case 0:case 1:r=h;break;case 4:s.label++;return{value:h[1],done:false};case 5:s.label++;i=h[1];h=[0];continue;case 7:h=s.ops.pop();s.trys.pop();continue;default:if(!(r=s.trys,r=r.length>0&&r[r.length-1])&&(h[0]===6||h[0]===2)){s=0;continue}if(h[0]===3&&(!r||h[1]>r[0]&&h[1]<r[3])){s.label=h[1];break}if(h[0]===6&&s.label<r[1]){s.label=r[1];r=h;break}if(r&&s.label<r[2]){s.label=r[2];s.ops.push(h);break}if(r[2])s.ops.pop();s.trys.pop();continue}h=e.call(t,s)}catch(o){h=[6,o];i=0}finally{a=r=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,j as forceUpdate,h,F as Fragment,c as Host,g as getElement}from"./index-319b7c49.js";import{s as setPropsIfNull,h as hasSlot,c as cloneWrappedStzhElement}from"./utils-51148d9a.js";import{m as media}from"./media-utils-9b041ceb.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-cc38e214.js";var stzhCardCss='.sc-stzh-card-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border-color:var(--stzh-base-border-color);--border-radius:0.1875rem;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:var(--border-radius)}[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, var(--stzh-color-zueriblue))}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:none}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:hover,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:focus-within,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-selected,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-chosen,.is-selected [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]),.is-chosen [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:var(--stzh-box-shadow-popover)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}[href].sc-stzh-card-h:hover,[href].sc-stzh-card-h:focus-within,.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border-color:transparent;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>*{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)}.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]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;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){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.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: 1024px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-card.sc-stzh-card{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-width:0.0625rem;border-style:solid;border-color:var(--border-color);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .vshow-medium.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.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.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex}.stzh-card__header-meta.sc-stzh-card:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;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;text-decoration:none}.stzh-card__image-link.sc-stzh-card{display:block}.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);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.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__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;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{-ms-flex-positive:1;flex-grow:1}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer-arrow.sc-stzh-card{--size:var(--stzh-icon-size-medium);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.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-color-grey70)}.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--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-decoration:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.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:"";z-index:1;display:block;position:absolute;top:0;left:0;width:100%;height:100%}.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 .stzh-card__image-link.sc-stzh-card:hover+.stzh-card__content-wrapper.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:hover,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-link.sc-stzh-card:hover .stzh-card__footer-arrow.sc-stzh-card{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.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, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .vhide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .vhide-when-collapsed.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.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 .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.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, var(--stzh-color-zueriblue))}.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, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}';var StzhCard=function(){function t(t){var e=this;registerInstance(this,t);this.stzhClick=createEvent(this,"stzhClick",7);this.stzhCollapse=createEvent(this,"stzhCollapse",7);this.stzhSubtitleClick=createEvent(this,"stzhSubtitleClick",7);this.stzhStarClick=createEvent(this,"stzhStarClick",7);this.stzhHeaderActionClick=createEvent(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=function(t){var s=false;t.forEach((function(t){if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){forceUpdate(e.element)}};this.update=function(){if(!e.mainElement){return}e.mainElement.classList.remove("stzh-card--has-collapsed-header");if(media("medium").matches){var t=e.headerElement.clientWidth;var s=e.headerLeftElement.clientWidth;var a=e.headerRightElement.clientWidth;if(t-s<=a){e.mainElement.classList.add("stzh-card--has-collapsed-header")}}};this.headerClick=function(t){if(!e.collapsible){return}var s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var a=t.composedPath().map((function(t){var e;return(e=t.tagName)===null||e===void 0?void 0:e.toLowerCase()}));var i=a.some((function(t){return s.includes(t)}));if(!i){e.collapsed=!e.collapsed;e.stzhCollapse.emit({component:"stzh-card",collapsed:e.collapsed})}};this.subtitleClick=function(){if(e.subtitleInteractive){e.stzhSubtitleClick.emit({component:"stzh-card"})}};this.starToggleClick=function(){e.stzhStarClick.emit({component:"stzh-card",starred:e.starred})};this.actionClick=function(t){e.stzhHeaderActionClick.emit({component:"stzh-card",action:t})};this.arrowUpClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=function(){var t=e.element.closest("stzh-sortable");if(!t){e.sortable.removeEventListener("stzhUpdate",e.updateElementInsideSortable);e.sortable.removeEventListener("stzhDisable",e.updateElementInsideSortable);return}if(e.element){forceUpdate(e.element)}};this.init=function(){var t=e.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');t.forEach((function(t){setPropsIfNull(t,{size:"small"})}))};this.handleResize=function(){if(e.debounceResize){window.cancelAnimationFrame(e.debounceResize)}e.debounceResize=requestAnimationFrame(e.update)};this.handleMutation=function(t){e.init();e.nodeChange(t)};this.handleSelectionChange=function(t){e.checked=t.detail.checked};this.cardClick=function(t){e.stzhClick.emit({component:"stzh-card",originalEvent:t})};this.localization=undefined;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.withArrow=false;this.heading="";this.subtitle="";this.headerActions=[];this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideHeaderBorder=false;this.hideFooterBorder=false;this.hideElevation=false;this.hideMovementActions=false}t.prototype.subtitleWatcher=function(t){if(typeof t==="string"){try{this._subtitles=JSON.parse(t)}catch(e){this._subtitles=[t]}}else{this._subtitles=t}};t.prototype.headerActionsWatcher=function(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}};t.prototype.footerActionsWatcher=function(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}};t.prototype.collapsedWatcher=function(){this.handleResize()};t.prototype.findSortableChildElement=function(){var t=this.element.closest("stzh-sortable");if(t){var e=this.element;var s=null;if(typeof t.container==="function"){s=t.container()}else{s=t.container}while(e.parentElement&&e.parentElement!==s){e=e.parentElement}return e}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"card")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.render=function(){var t=this;var e,s,a;var i=hasSlot(this.element,"image");var r=hasSlot(this.element,"content");var c="".concat(this.subtitleInteractive?"button":"span");var o=this.findSortableChildElement();var n=(o===null||o===void 0?void 0:o.parentElement)&&Array.from((e=o===null||o===void 0?void 0:o.parentElement)===null||e===void 0?void 0:e.children).indexOf(o)===0;var l=(o===null||o===void 0?void 0:o.parentElement)&&Array.from((s=o===null||o===void 0?void 0:o.parentElement)===null||s===void 0?void 0:s.children).indexOf(o)===((a=o===null||o===void 0?void 0:o.parentElement)===null||a===void 0?void 0:a.children.length)-1;var d=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;var z=d&&!this.hideMovementActions;var p=this._headerActions.filter((function(t){return!t.onlyCollapseText}));var u={"stzh-card":true,"stzh-card--has-link":!!this.href,"stzh-card--has-image":i,"stzh-card--has-content":r,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-hidden-header-border":this.hideHeaderBorder,"stzh-card--has-hidden-footer-border":this.hideFooterBorder,"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":d};return h(Host,{role:"listitem","aria-label":this.heading,"is-sortable":d},h("article",{ref:function(e){return t.mainElement=e},class:u},h("a",{"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},h("slot",{name:"image"})),h("div",{class:"stzh-card__content-wrapper"},h("stzh-icon",{class:"stzh-card__dnd",name:"drag"}),h("header",{ref:function(e){return t.headerElement=e},class:"stzh-card__header",onClick:this.headerClick},h("div",{class:"stzh-card__header-top"},h("div",{ref:function(e){return t.headerLeftElement=e},class:"stzh-card__header-left"},h("div",{class:"stzh-card__title-area"},h("h3",{class:"stzh-card__title"},h("a",{class:"stzh-card__title-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},this.heading?this.heading:h("slot",{name:"heading"}))),this._subtitles.length>0&&h(c,{class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(t){return h("span",{class:"stzh-card__subtitle-text"},t)}))))),h("div",{ref:function(e){return t.headerRightElement=e},class:"stzh-card__header-right"},h("div",{class:"stzh-card__card-actions"},this._headerActions.map((function(e){return h("stzh-button",{class:{"stzh-card__card-action":true,"is-button":true,"show-medium":!e.onlyCollapseText,"hide-when-collapsed":!e.onlyCollapseText,"hide-text-when-collapsed":e.onlyCollapseText},icon:e.icon,badge:e.badge,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){t.actionClick(e)}},h("span",{class:{"vshow-medium":e.onlyCollapseText,"vhide-when-collapsed":e.onlyCollapseText}},e.label))})),this.starrable&&h("stzh-tooltip",null,h("stzh-button",{class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),h("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(p.length>0||this.starrable||z)&&h("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true,"hide-medium show-when-collapsed":!this.starrable&&!z}},h("stzh-button",{class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),h("stzh-menu",{slot:"content"},this.starrable&&h("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),p.map((function(e){return h("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:e.icon,badge:e.badge,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,onClick:function(){t.actionClick(e)}},e.label)})),z&&h(Fragment,null,!n&&h("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!l&&h("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),h("div",{class:"stzh-card__header-meta"},h("slot",{name:"meta"}))),h("div",{class:"stzh-card__content hide-when-collapsed"},h("slot",{name:"content"})),h("div",{class:"stzh-card__footer hide-when-collapsed"},h("slot",{name:"footer"},this._footerActions.length>0&&h("stzh-actionset",{class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&h("stzh-button",{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}),this.withArrow&&h("stzh-icon",{class:"stzh-card__footer-arrow",name:"arrow-right-long"}))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"],collapsed:["collapsedWatcher"]}},enumerable:false,configurable:true});return t}();StzhCard.style=stzhCardCss;var stzhCardListCss=".sc-stzh-card-list-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-list-h{display:none}.sc-stzh-card-list-h *.sc-stzh-card-list,.sc-stzh-card-list-h *.sc-stzh-card-list::before,.sc-stzh-card-list-h *.sc-stzh-card-list::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:100%;margin:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(50% - var(--stzh-grid-gutter-small));margin:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(33.333% - var(--stzh-grid-gutter-medium));margin:calc(var(--stzh-grid-gutter-medium) / 2)}}.sc-stzh-card-list-h .sc-stzh-card-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-card-list-h .sc-stzh-card-list-s>stzh-text[slot=description]{--color:inherit}.stzh-card-list__cards.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-card-list__header.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-card-list__header.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row}}.stzh-card-list__description.sc-stzh-card-list{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(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-card-list__description.sc-stzh-card-list{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-list__description.sc-stzh-card-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:0}}.stzh-card-list__switch.sc-stzh-card-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-xlarge)}}.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-grid-gutter) / -2)}@media screen and (min-width: 600px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-medium) / -2)}}";var StzhCardList=function(){function t(t){var e=this;registerInstance(this,t);this.stzhCollapseAll=createEvent(this,"stzhCollapseAll",7);this.collapseClick=function(){var t=Array.from(e.element.querySelectorAll("stzh-card"));t.forEach((function(t){if(t.collapsible){t.collapsed=!e.allCollapsed}}));e.allCollapsed=!e.allCollapsed;e.stzhCollapseAll.emit({component:"stzh-card-list",allCollapsed:e.allCollapsed})};this.updateCollapsedState=function(){var t=Array.from(e.element.querySelectorAll("stzh-card"));e.allCollapsed=!t.some((function(t){return!t.collapsed}))};this.sortableGhostClone=function(t){var e=cloneWrappedStzhElement(t),s=e[0],a=e[1],i=e[2];if(a&&i&&a.tagName.toLowerCase()==="stzh-card"){var r=a;var c=i;r.heading=c.heading;r.subtitle=c.subtitle;r.headerActions=c.headerActions;r.footerActions=c.footerActions;r.hideMovementActions=c.hideMovementActions}return s};this.localization=undefined;this.layout="fullwidth";this.description=undefined;this.showToggleLink=false;this.sortableEnabled=false;this.sortableDataIdAttribute="data-id";this.allCollapsed=false}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"card-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t;var e=hasSlot(this.element,"description")||!!this.description;var s=(t={"stzh-card-list":true,"stzh-card-list--has-header":this.showToggleLink||e},t["stzh-card-list--layout-".concat(this.layout)]=!!this.layout,t);return h(Host,null,h("div",{class:s},h("div",{class:"stzh-card-list__header"},h("div",{class:"stzh-card-list__description"},this.description?this.description:h("slot",{name:"description"})),this.showToggleLink&&h("stzh-link",{class:"stzh-card-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),h("stzh-sortable",{disabled:!this.sortableEnabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},h("div",{class:"stzh-card-list__cards",role:"list"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhCardList.style=stzhCardListCss;var stzhChipSelectCss=".sc-stzh-chip-select-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-chip-select-h{display:none}.sc-stzh-chip-select-h *.sc-stzh-chip-select,.sc-stzh-chip-select-h *.sc-stzh-chip-select::before,.sc-stzh-chip-select-h *.sc-stzh-chip-select::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-chip-select__marker-symbol.sc-stzh-chip-select{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-chip-select__marker-text.sc-stzh-chip-select{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select__description.sc-stzh-chip-select{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-chip-select__error.sc-stzh-chip-select{color:var(--stzh-color-error)}.stzh-chip-select__error-list.sc-stzh-chip-select{list-style:none;margin:0;padding:0}.stzh-chip-select__description.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-chip-select__description-long.sc-stzh-chip-select{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-chip-select__description-long-popover.sc-stzh-chip-select{--width:auto;--max-width:27.3125rem}.stzh-chip-select__description-long-popover[open].sc-stzh-chip-select:not([open=false]) .stzh-chip-select__description-long-button.sc-stzh-chip-select{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select__description-long-button.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-chip-select__description-long-button.sc-stzh-chip-select:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select.sc-stzh-chip-select stzh-icon.stzh-chip-select__description-long-icon.sc-stzh-chip-select{--size:var(--stzh-icon-size-xsmall)}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xxsmall)}.stzh-chip-select__chips.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-small) / -2) calc(var(--stzh-space-xsmall) / -2);border-radius:var(--stzh-button-border-radius)}@media screen and (max-width: 1023px){.stzh-chip-select__chips.sc-stzh-chip-select{display:none}}.stzh-chip-select__chip.sc-stzh-chip-select{margin:calc(var(--stzh-space-small) / 2) calc(var(--stzh-space-xsmall) / 2)}.stzh-chip-select__chip.is-focused.sc-stzh-chip-select,.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media screen and (min-width: 1024px){.stzh-chip-select__dropdown.sc-stzh-chip-select{display:none}}@media screen and (max-width: 1023px){.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:none}}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xsmall)}";var chipSelectCounter=0;var StzhChipSelect=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this._data=[];this._dataDropdown=[];this.handleChipClick=function(t){e.value=t.value;e.stzhChange.emit({component:"stzh-chip-select",value:e.value})};this.handleDropdownChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-chip-select",value:e.value})};this.handleKeydown=function(t){var s=null;if(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();var a=e.activeFocusOptionIndex;if(a>0){s=a-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();var a=e.activeFocusOptionIndex;if(a<e._data.length-1){s=a+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();var a=e.activeFocusOptionIndex;e.value=e._data[a].value;e.stzhChange.emit({component:"stzh-chip-select",value:e.value})}if(s!==null){e.activeFocusOptionIndex=s}};this.localization=undefined;this.data=[];this.name=undefined;this.label="";this.value="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.disabled=false;this.a11yDescribedby="";this.activeFocusOptionIndex=0}t.prototype.dataWatcher=function(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._dataDropdown=this._data.map((function(t){return{text:"".concat(t.label," (").concat(t.counter,")"),value:t.value}}))};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.id="stzh-chip-select-".concat(chipSelectCounter++);this.dataWatcher(this.data);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"chip-select")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e=!!this.description;var s=!!this.descriptionLong;var a=!!this.error;var i={"stzh-chip-select":true,"stzh-chip-select--has-description":e,"stzh-chip-select--has-description-long":s,"stzh-chip-select--has-error":a,"stzh-chip-select--is-invalid":this.invalid,"stzh-chip-select--is-disabled":this.disabled,"stzh-chip-select--is-required":this.required};return h(Host,null,h("div",{class:i},h("input",{type:"hidden",name:this.name,value:this.value}),h("div",{class:"stzh-chip-select__chips",role:"listbox",tabindex:"0","aria-multiselectable":"false","aria-activedescendant":"".concat(this.id,"-option-").concat(this.activeFocusOptionIndex),"aria-describedby":"".concat(this.id,"-description ").concat(this.a11yDescribedby),onKeyDown:this.handleKeydown},this._data.map((function(e,s){return h("stzh-chip",{role:"option",class:{"stzh-chip-select__chip":true,"is-focused":t.activeFocusOptionIndex===s},label:e.label,counter:e.counter,icon:e.icon,type:e.type,variant:e.variant,size:e.size,disabled:t.disabled||e.disabled,active:t.value===e.value,"aria-selected":t.value===e.value?"true":"false",id:"".concat(t.id,"-option-").concat(s),a11yTabindex:"-1",onClick:function(){return t.handleChipClick(e)}})}))),h(StzhInputDescription,{classPrefix:"stzh-chip-select",id:"".concat(this.id,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}),h("stzh-dropdown",{class:"stzh-chip-select__dropdown",disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,required:this.required,invalid:this.invalid,items:[this.value],label:this.label,options:this._dataDropdown,onStzhChange:this.handleDropdownChange})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{data:["dataWatcher"],error:["errorWatcher"]}},enumerable:false,configurable:true});return t}();StzhChipSelect.style=stzhChipSelectCss;export{StzhCard as stzh_card,StzhCardList as stzh_card_list,StzhChipSelect as stzh_chip_select};
+var __awaiter=this&&this.__awaiter||function(t,e,s,i){function a(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,r){function c(t){try{o(i.next(t))}catch(e){r(e)}}function h(t){try{o(i["throw"](t))}catch(e){r(e)}}function o(t){t.done?s(t.value):a(t.value).then(c,h)}o((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,c;return c={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function h(t){return function(e){return o([t,e])}}function o(h){if(i)throw new TypeError("Generator is already executing.");while(c&&(c=0,h[0]&&(s=0)),s)try{if(i=1,a&&(r=h[0]&2?a["return"]:h[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,h[1])).done)return r;if(a=0,r)h=[h[0]&2,r.value];switch(h[0]){case 0:case 1:r=h;break;case 4:s.label++;return{value:h[1],done:false};case 5:s.label++;a=h[1];h=[0];continue;case 7:h=s.ops.pop();s.trys.pop();continue;default:if(!(r=s.trys,r=r.length>0&&r[r.length-1])&&(h[0]===6||h[0]===2)){s=0;continue}if(h[0]===3&&(!r||h[1]>r[0]&&h[1]<r[3])){s.label=h[1];break}if(h[0]===6&&s.label<r[1]){s.label=r[1];r=h;break}if(r&&s.label<r[2]){s.label=r[2];s.ops.push(h);break}if(r[2])s.ops.pop();s.trys.pop();continue}h=e.call(t,s)}catch(o){h=[6,o];a=0}finally{i=r=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,j as forceUpdate,h,F as Fragment,c as Host,g as getElement}from"./index-319b7c49.js";import{s as setPropsIfNull,h as hasSlot,c as cloneWrappedStzhElement}from"./utils-51148d9a.js";import{m as media}from"./media-utils-9b041ceb.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-cc38e214.js";var stzhCardCss='.sc-stzh-card-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border-color:var(--stzh-base-border-color);--border-radius:0.1875rem;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:var(--border-radius)}[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, var(--stzh-color-zueriblue))}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:none}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:hover,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:focus-within,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-selected,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-chosen,.is-selected [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]),.is-chosen [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:var(--stzh-box-shadow-popover)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}[href].sc-stzh-card-h:hover,[href].sc-stzh-card-h:focus-within,.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border-color:transparent;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>*{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)}.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]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;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){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.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: 1024px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-card.sc-stzh-card{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-width:0.0625rem;border-style:solid;border-color:var(--border-color);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .vshow-medium.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.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.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:-ms-inline-flexbox;display:inline-flex;margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;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__image-link.sc-stzh-card{display:block}.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);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.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__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;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{-ms-flex-positive:1;flex-grow:1}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer-arrow.sc-stzh-card{--size:var(--stzh-icon-size-medium);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.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-color-grey70)}.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--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.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 .stzh-card__image-link.sc-stzh-card:hover+.stzh-card__content-wrapper.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:hover,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-link.sc-stzh-card:hover .stzh-card__footer-arrow.sc-stzh-card{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.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, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .vhide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .vhide-when-collapsed.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.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 .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.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, var(--stzh-color-zueriblue))}.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, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}';var StzhCard=function(){function t(t){var e=this;registerInstance(this,t);this.stzhClick=createEvent(this,"stzhClick",7);this.stzhCollapse=createEvent(this,"stzhCollapse",7);this.stzhSubtitleClick=createEvent(this,"stzhSubtitleClick",7);this.stzhStarClick=createEvent(this,"stzhStarClick",7);this.stzhHeaderActionClick=createEvent(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=function(t){var s=false;t.forEach((function(t){if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){forceUpdate(e.element)}};this.update=function(){if(!e.mainElement){return}e.mainElement.classList.remove("stzh-card--has-collapsed-header");if(media("medium").matches){var t=e.headerElement.clientWidth;var s=e.headerLeftElement.clientWidth;var i=e.headerRightElement.clientWidth;if(t-s<=i){e.mainElement.classList.add("stzh-card--has-collapsed-header")}}};this.headerClick=function(t){if(!e.collapsible){return}var s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var i=t.composedPath().map((function(t){var e;return(e=t.tagName)===null||e===void 0?void 0:e.toLowerCase()}));var a=i.some((function(t){return s.includes(t)}));if(!a){e.collapsed=!e.collapsed;e.stzhCollapse.emit({component:"stzh-card",collapsed:e.collapsed})}};this.subtitleClick=function(){if(e.subtitleInteractive){e.stzhSubtitleClick.emit({component:"stzh-card"})}};this.starToggleClick=function(){e.stzhStarClick.emit({component:"stzh-card",starred:e.starred})};this.actionClick=function(t){e.stzhHeaderActionClick.emit({component:"stzh-card",action:t})};this.arrowUpClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=function(){var t=e.element.closest("stzh-sortable");if(!t){e.sortable.removeEventListener("stzhUpdate",e.updateElementInsideSortable);e.sortable.removeEventListener("stzhDisable",e.updateElementInsideSortable);return}if(e.element){forceUpdate(e.element)}};this.init=function(){var t=e.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');t.forEach((function(t){setPropsIfNull(t,{size:"small"})}))};this.handleResize=function(){if(e.debounceResize){window.cancelAnimationFrame(e.debounceResize)}e.debounceResize=requestAnimationFrame(e.update)};this.handleMutation=function(t){e.init();e.nodeChange(t)};this.handleSelectionChange=function(t){e.checked=t.detail.checked};this.cardClick=function(t){e.stzhClick.emit({component:"stzh-card",originalEvent:t})};this.localization=undefined;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.withArrow=false;this.heading="";this.subtitle="";this.headerActions=[];this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideHeaderBorder=false;this.hideFooterBorder=false;this.hideElevation=false;this.hideMovementActions=false}t.prototype.subtitleWatcher=function(t){if(typeof t==="string"){try{this._subtitles=JSON.parse(t)}catch(e){this._subtitles=[t]}}else{this._subtitles=t}};t.prototype.headerActionsWatcher=function(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}};t.prototype.footerActionsWatcher=function(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}};t.prototype.collapsedWatcher=function(){this.handleResize()};t.prototype.findSortableChildElement=function(){var t=this.element.closest("stzh-sortable");if(t){var e=this.element;var s=null;if(typeof t.container==="function"){s=t.container()}else{s=t.container}while(e.parentElement&&e.parentElement!==s){e=e.parentElement}return e}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"card")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.render=function(){var t=this;var e,s,i;var a=hasSlot(this.element,"image");var r=hasSlot(this.element,"content");var c="".concat(this.subtitleInteractive?"button":"span");var o=this.findSortableChildElement();var n=(o===null||o===void 0?void 0:o.parentElement)&&Array.from((e=o===null||o===void 0?void 0:o.parentElement)===null||e===void 0?void 0:e.children).indexOf(o)===0;var l=(o===null||o===void 0?void 0:o.parentElement)&&Array.from((s=o===null||o===void 0?void 0:o.parentElement)===null||s===void 0?void 0:s.children).indexOf(o)===((i=o===null||o===void 0?void 0:o.parentElement)===null||i===void 0?void 0:i.children.length)-1;var d=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;var z=d&&!this.hideMovementActions;var p=this._headerActions.filter((function(t){return!t.onlyCollapseText}));var u={"stzh-card":true,"stzh-card--has-link":!!this.href,"stzh-card--has-image":a,"stzh-card--has-content":r,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-hidden-header-border":this.hideHeaderBorder,"stzh-card--has-hidden-footer-border":this.hideFooterBorder,"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":d};return h(Host,{role:"listitem","aria-label":this.heading,"is-sortable":d},h("article",{ref:function(e){return t.mainElement=e},class:u},h("a",{"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},h("slot",{name:"image"})),h("div",{class:"stzh-card__content-wrapper"},h("stzh-icon",{class:"stzh-card__dnd",name:"drag"}),h("header",{ref:function(e){return t.headerElement=e},class:"stzh-card__header",onClick:this.headerClick},h("div",{class:"stzh-card__header-top"},h("div",{ref:function(e){return t.headerLeftElement=e},class:"stzh-card__header-left"},h("div",{class:"stzh-card__title-area"},h("h3",{class:"stzh-card__title"},h("a",{class:"stzh-card__title-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},this.heading?this.heading:h("slot",{name:"heading"}))),this._subtitles.length>0&&h(c,{class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(t){return h("span",{class:"stzh-card__subtitle-text"},t)}))))),h("div",{ref:function(e){return t.headerRightElement=e},class:"stzh-card__header-right"},h("div",{class:"stzh-card__card-actions"},this._headerActions.map((function(e){return h("stzh-button",{class:{"stzh-card__card-action":true,"is-button":true,"show-medium":!e.onlyCollapseText,"hide-when-collapsed":!e.onlyCollapseText,"hide-text-when-collapsed":e.onlyCollapseText},icon:e.icon,badge:e.badge,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){t.actionClick(e)}},h("span",{class:{"vshow-medium":e.onlyCollapseText,"vhide-when-collapsed":e.onlyCollapseText}},e.label))})),this.starrable&&h("stzh-tooltip",null,h("stzh-button",{class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),h("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(p.length>0||this.starrable||z)&&h("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true,"hide-medium show-when-collapsed":!this.starrable&&!z}},h("stzh-button",{class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),h("stzh-menu",{slot:"content"},this.starrable&&h("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),p.map((function(e){return h("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:e.icon,badge:e.badge,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,onClick:function(){t.actionClick(e)}},e.label)})),z&&h(Fragment,null,!n&&h("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!l&&h("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),h("div",{class:"stzh-card__header-meta"},h("slot",{name:"meta"}))),h("div",{class:"stzh-card__content hide-when-collapsed"},h("slot",{name:"content"})),h("div",{class:"stzh-card__footer hide-when-collapsed"},h("slot",{name:"footer"},this._footerActions.length>0&&h("stzh-actionset",{class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&h("stzh-button",{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}),this.withArrow&&h("stzh-icon",{class:"stzh-card__footer-arrow",name:"arrow-right-long"}))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"],collapsed:["collapsedWatcher"]}},enumerable:false,configurable:true});return t}();StzhCard.style=stzhCardCss;var stzhCardListCss=".sc-stzh-card-list-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-list-h{display:none}.sc-stzh-card-list-h *.sc-stzh-card-list,.sc-stzh-card-list-h *.sc-stzh-card-list::before,.sc-stzh-card-list-h *.sc-stzh-card-list::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:100%;margin:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(50% - var(--stzh-grid-gutter-small));margin:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(33.333% - var(--stzh-grid-gutter-medium));margin:calc(var(--stzh-grid-gutter-medium) / 2)}}.sc-stzh-card-list-h .sc-stzh-card-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-card-list-h .sc-stzh-card-list-s>stzh-text[slot=description]{--color:inherit}.stzh-card-list__cards.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-card-list__header.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-card-list__header.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row}}.stzh-card-list__description.sc-stzh-card-list{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(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-card-list__description.sc-stzh-card-list{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-list__description.sc-stzh-card-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:0}}.stzh-card-list__switch.sc-stzh-card-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-xlarge)}}.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-grid-gutter) / -2)}@media screen and (min-width: 600px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-medium) / -2)}}";var StzhCardList=function(){function t(t){var e=this;registerInstance(this,t);this.stzhCollapseAll=createEvent(this,"stzhCollapseAll",7);this.collapseClick=function(){var t=Array.from(e.element.querySelectorAll("stzh-card"));t.forEach((function(t){if(t.collapsible){t.collapsed=!e.allCollapsed}}));e.allCollapsed=!e.allCollapsed;e.stzhCollapseAll.emit({component:"stzh-card-list",allCollapsed:e.allCollapsed})};this.updateCollapsedState=function(){var t=Array.from(e.element.querySelectorAll("stzh-card"));e.allCollapsed=!t.some((function(t){return!t.collapsed}))};this.sortableGhostClone=function(t){var e=cloneWrappedStzhElement(t),s=e[0],i=e[1],a=e[2];if(i&&a&&i.tagName.toLowerCase()==="stzh-card"){var r=i;var c=a;r.heading=c.heading;r.subtitle=c.subtitle;r.headerActions=c.headerActions;r.footerActions=c.footerActions;r.hideMovementActions=c.hideMovementActions}return s};this.localization=undefined;this.layout="fullwidth";this.description=undefined;this.showToggleLink=false;this.sortableEnabled=false;this.sortableDataIdAttribute="data-id";this.allCollapsed=false}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"card-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t;var e=hasSlot(this.element,"description")||!!this.description;var s=(t={"stzh-card-list":true,"stzh-card-list--has-header":this.showToggleLink||e},t["stzh-card-list--layout-".concat(this.layout)]=!!this.layout,t);return h(Host,null,h("div",{class:s},h("div",{class:"stzh-card-list__header"},h("div",{class:"stzh-card-list__description"},this.description?this.description:h("slot",{name:"description"})),this.showToggleLink&&h("stzh-link",{class:"stzh-card-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),h("stzh-sortable",{disabled:!this.sortableEnabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},h("div",{class:"stzh-card-list__cards",role:"list"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhCardList.style=stzhCardListCss;var stzhChipSelectCss=".sc-stzh-chip-select-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-chip-select-h{display:none}.sc-stzh-chip-select-h *.sc-stzh-chip-select,.sc-stzh-chip-select-h *.sc-stzh-chip-select::before,.sc-stzh-chip-select-h *.sc-stzh-chip-select::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-chip-select__marker-symbol.sc-stzh-chip-select{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-chip-select__marker-text.sc-stzh-chip-select{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select__description.sc-stzh-chip-select{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-chip-select__error.sc-stzh-chip-select{color:var(--stzh-color-error)}.stzh-chip-select__error-list.sc-stzh-chip-select{list-style:none;margin:0;padding:0}.stzh-chip-select__description.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-chip-select__description-long.sc-stzh-chip-select{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-chip-select__description-long-popover.sc-stzh-chip-select{--width:auto;--max-width:27.3125rem}.stzh-chip-select__description-long-popover[open].sc-stzh-chip-select:not([open=false]) .stzh-chip-select__description-long-button.sc-stzh-chip-select{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select__description-long-button.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-chip-select__description-long-button.sc-stzh-chip-select:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select.sc-stzh-chip-select stzh-icon.stzh-chip-select__description-long-icon.sc-stzh-chip-select{--size:var(--stzh-icon-size-xsmall)}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xxsmall)}.stzh-chip-select__chips.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-small) / -2) calc(var(--stzh-space-xsmall) / -2);border-radius:var(--stzh-button-border-radius)}@media screen and (max-width: 1023px){.stzh-chip-select__chips.sc-stzh-chip-select{display:none}}.stzh-chip-select__chip.sc-stzh-chip-select{margin:calc(var(--stzh-space-small) / 2) calc(var(--stzh-space-xsmall) / 2)}.stzh-chip-select__chip.is-focused.sc-stzh-chip-select,.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media screen and (min-width: 1024px){.stzh-chip-select__dropdown.sc-stzh-chip-select{display:none}}@media screen and (max-width: 1023px){.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:none}}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xsmall)}";var chipSelectCounter=0;var StzhChipSelect=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this._data=[];this._dataDropdown=[];this.handleChipClick=function(t,s){e.value=t.value;e.activeFocusOptionIndex=s;e.stzhChange.emit({component:"stzh-chip-select",value:e.value})};this.handleDropdownChange=function(t){e.value=t.detail.value;e.activeFocusOptionIndex=e._data.findIndex((function(t){return t.value===e.value}));e.stzhChange.emit({component:"stzh-chip-select",value:e.value})};this.handleKeydown=function(t){var s=null;var i=e.activeFocusOptionIndex;if(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();if(i>0){s=i-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();if(i<e._data.length-1){s=i+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();e.value=e._data[i].value;e.stzhChange.emit({component:"stzh-chip-select",value:e.value})}if(s!==null){e.activeFocusOptionIndex=s}};this.localization=undefined;this.data=[];this.name=undefined;this.label="";this.value="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.disabled=false;this.a11yDescribedby="";this.activeFocusOptionIndex=0}t.prototype.dataWatcher=function(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._dataDropdown=this._data.map((function(t){return{text:"".concat(t.label," (").concat(t.counter,")"),value:t.value}}))};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.id="stzh-chip-select-".concat(chipSelectCounter++);this.dataWatcher(this.data);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"chip-select")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e=!!this.description;var s=!!this.descriptionLong;var i=!!this.error;var a={"stzh-chip-select":true,"stzh-chip-select--has-description":e,"stzh-chip-select--has-description-long":s,"stzh-chip-select--has-error":i,"stzh-chip-select--is-invalid":this.invalid,"stzh-chip-select--is-disabled":this.disabled,"stzh-chip-select--is-required":this.required};return h(Host,null,h("div",{class:a},h("input",{type:"hidden",name:this.name,value:this.value}),h("div",{class:"stzh-chip-select__chips",role:"listbox",tabindex:"0","aria-multiselectable":"false","aria-activedescendant":"".concat(this.id,"-option-").concat(this.activeFocusOptionIndex),"aria-describedby":"".concat(this.id,"-description ").concat(this.a11yDescribedby),onKeyDown:this.handleKeydown},this._data.map((function(e,s){return h("stzh-chip",{role:"option",class:{"stzh-chip-select__chip":true,"is-focused":t.activeFocusOptionIndex===s},label:e.label,counter:e.counter,icon:e.icon,type:e.type,variant:e.variant,size:e.size,disabled:t.disabled||e.disabled,active:t.value===e.value,"aria-selected":t.value===e.value?"true":"false",id:"".concat(t.id,"-option-").concat(s),a11yTabindex:"-1",onClick:function(){return t.handleChipClick(e,s)}})}))),h(StzhInputDescription,{classPrefix:"stzh-chip-select",id:"".concat(this.id,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}),h("stzh-dropdown",{class:"stzh-chip-select__dropdown",disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,required:this.required,invalid:this.invalid,items:[this.value],label:this.label,options:this._dataDropdown,onStzhChange:this.handleDropdownChange})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{data:["dataWatcher"],error:["errorWatcher"]}},enumerable:false,configurable:true});return t}();StzhChipSelect.style=stzhChipSelectCss;export{StzhCard as stzh_card,StzhCardList as stzh_card_list,StzhChipSelect as stzh_chip_select};

package/dist/esm-es5/stzh-carousel.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,s,i){function r(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function a(e){try{n(i.next(e))}catch(t){o(t)}}function l(e){try{n(i["throw"](e))}catch(t){o(t)}}function n(e){e.done?s(e.value):r(e.value).then(a,l)}n((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return n([e,t])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(s=0)),s)try{if(i=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){s.label=l[1];break}if(l[0]===6&&s.label<o[1]){s.label=o[1];o=l;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(l);break}if(o[2])s.ops.pop();s.trys.pop();continue}l=t.call(e,s)}catch(n){l=[6,n];r=0}finally{i=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,c as Host,g as getElement}from"./index-319b7c49.js";import{i as isStzhElement}from"./utils-51148d9a.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{a as addMediaChangeListener,r as removeMediaChangeListener,m as media}from"./media-utils-9b041ceb.js";var stzhCarouselCss=".sc-stzh-carousel-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-carousel-h{display:none}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-out:1.25rem;--padding-top:0px;--padding-bottom:0px;--gutter:var(--stzh-space-xxxsmall);--snap-stop:always;--slides:1;--slide-size:calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides))}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-out:0px}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem;--gutter:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){[variant=cards].sc-stzh-carousel-h{--peek-out:2rem}}@media screen and (min-width: 1024px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem;--gutter:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:5.5rem;--gutter:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop)}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button[data-stzh-carousel-previous]{--border-radius:var(--stzh-button-border-radius) 0 0 var(--stzh-button-border-radius);--border-width:0.0625rem 0 0.0625rem 0.0625rem}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button[data-stzh-carousel-next]{--border-radius:0 var(--stzh-button-border-radius) var(--stzh-button-border-radius) 0}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:relative;-ms-flex-order:1;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}.stzh-carousel.sc-stzh-carousel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;-moz-column-gap:var(--gutter);-webkit-column-gap:var(--gutter);column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grab;cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grabbing;cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}";var reducedMotionMedia=window.matchMedia("(prefers-reduced-motion: reduce)");var carouselCounter=0;var StzhCarousel=function(){function e(e){var t=this;registerInstance(this,e);this.stzhSlideStart=createEvent(this,"stzhSlideStart",7);this.stzhSlidePassed=createEvent(this,"stzhSlidePassed",7);this.stzhSlideEnd=createEvent(this,"stzhSlideEnd",7);this.slideScrollLeft=0;this.scrolledByAutoplay=false;this.scrollTimeoutId=null;this.lastX=null;this.startX=null;this.startScrollLeft=null;this.disableTimeoutId=null;this.stoppedDragging=false;this.onReducedMotionMediaChange=function(){t.autoplayDisabledByMotionMedia=reducedMotionMedia.matches};this.onMouseenter=function(){t.autoplayDisabledByMouse=true};this.onMouseleave=function(){t.autoplayDisabledByMouse=false};this.onFocusin=function(){t.autoplayDisabledByFocus=true};this.onFocusout=function(){t.autoplayDisabledByFocus=false};this.onPreviousClick=function(){t.scrollToPreviousSnapPoint()};this.onNextClick=function(){t.scrollToNextSnapPoint()};this.onSlideResize=function(){if(t.scrollElement){t.itemSize=t.sizingMethod()}};this.onMutation=function(){if(!t.scrollElement){return}t.slideElements=Array.from(t.scrollElement.children);t.slideElements.forEach((function(e,s){e.setAttribute("role","group");e.setAttribute("aria-roledescription","slide");e.setAttribute("aria-label",t.localization.slideLabel.replace(/\{current\}/gi,(s+1).toString()).replace(/\{total\}/gi,t.slideElements.length.toString()))}));t.previousElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-previous]"));t.nextElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-next]"));t.navigationTextElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-navigation-text]"))};this.onScroll=function(){if(t.scrollTimeoutId===null){var e=t.scrollElement.scrollLeft>t.slideScrollLeft?1:-1;t.scrolling=true;if(!t.scrolledByAutoplay){t.autoplay=false}t.stzhSlideStart.emit({component:"stzh-carousel",index:t.slide+e})}if(t.slide!==t.calculateSlide()){t.update();t.stzhSlidePassed.emit({component:"stzh-carousel",index:t.slide})}t.scrollTimeoutId&&window.clearTimeout(t.scrollTimeoutId);t.scrollTimeoutId=window.setTimeout(t.onScrollEnd,t.scrollTimeout)};this.onScrollEnd=function(){t.scrollTimeoutId=null;t.update();t.scrolling=false;t.scrolledByAutoplay=false;if(t.stoppedDragging){t.stoppedDragging=false;t.scrollElement.style.removeProperty("scroll-behavior");t.scrollElement.style.removeProperty("scroll-snap-type")}if(t.tabThrough||t.variant==="cards"){t.ariaLive=""}else{t.ariaLive=(t.currentSlides>1?t.localization.slidesLabel:t.localization.slideLabel).replace(/\{(current|from)\}/gi,(t.slide+1).toString()).replace(/\{to\}/gi,(t.slide+t.currentSlides).toString()).replace(/\{total\}/gi,t.slideElements.length.toString())}t.stzhSlideEnd.emit({component:"stzh-carousel",index:t.slide})};this.onMediaChange=function(){var e=media("ultra").matches;var s=media("large").matches;var i=media("medium").matches;var r=media("small").matches;if(e&&t.slidesUltra!==0){t.currentSlides=t.slidesUltra}else if(s&&t.slidesLarge!==0){t.currentSlides=t.slidesLarge}else if(i&&t.slidesMedium!==0){t.currentSlides=t.slidesMedium}else if(r&&t.slidesSmall!==0){t.currentSlides=t.slidesSmall}else{t.currentSlides=t.slides}t.currentSwipeSlides=t.currentSlides};this.mouseMove=function(e){var s=t.lastX-e.clientX;t.lastX=e.clientX;t.scrollElement.scrollLeft+=s};this.startDragging=function(e){e.preventDefault();t.disableTimeoutId&&window.clearTimeout(t.disableTimeoutId);t.disableTimeoutId=null;t.startX=t.lastX=e.clientX;t.startScrollLeft=t.scrollElement.scrollLeft;t.scrollElement.style.setProperty("scroll-behavior","auto");t.scrollElement.style.setProperty("scroll-snap-type","unset");t.dragging=true;t.autoplay=false;window.addEventListener("mousemove",t.mouseMove);window.addEventListener("mouseup",t.stopDragging,{capture:true});window.addEventListener("click",t.checkClick,{capture:true})};this.stopDragging=function(e){e.preventDefault();var s=Math.abs(t.startX-t.lastX);var i=s>t.distanceQuickSwipe;var r=t.lastX>t.startX?1:-1;t.dragging=false;var o=t.scrollElement.scrollLeft;t.scrollElement.style.removeProperty("scroll-snap-type");var a=t.scrollElement.scrollLeft;t.scrollElement.style.setProperty("scroll-snap-type","unset");t.scrollElement.scrollTo({left:o,behavior:"auto"});if(a!==t.startScrollLeft||!i){t.scrollElement.scrollTo({left:a,behavior:reducedMotionMedia.matches?"auto":"smooth"})}else if(r===1){t.slideToPrevious()}else{t.slideToNext()}window.removeEventListener("mousemove",t.mouseMove);window.removeEventListener("mouseup",t.stopDragging,{capture:true});t.stoppedDragging=true};this.checkClick=function(e){var s=Math.abs(t.startX-t.lastX);var i=s>t.distancePreventClick;if(i){e.preventDefault()}t.lastX=null;window.removeEventListener("click",t.checkClick,{capture:true})};this.autoplayInterval=function(){t.scrolledByAutoplay=true;if(t.hasReachedLastSlide()){t.slideTo(0)}else{t.slideToNext()}};this.localization=undefined;this.variant="default";this.disabled=false;this.slides=1;this.slidesSmall=0;this.slidesMedium=0;this.slidesLarge=0;this.slidesUltra=0;this.slide=0;this.autoplay=false;this.tabThrough=false;this.preventMouseDrag=false;this.scrollTimeout=100;this.autoplayTimeout=3e3;this.distanceQuickSwipe=40;this.distancePreventClick=6;this.autoplayRunning=false;this.autoplayDisabledByMotionMedia=false;this.autoplayDisabledByMouse=false;this.autoplayDisabledByFocus=false;this.dragging=false;this.scrolling=false;this.ariaLive="";this.currentSlides=1;this.currentSwipeSlides=1;this.slideElements=[];this.previousElements=[];this.nextElements=[];this.navigationTextElements=[]}e.prototype.slideTo=function(e,t){if(t===void 0){t="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(s){this.scrollToSlide(e,t);return[2]}))}))};e.prototype.slideToPrevious=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToPreviousSnapPoint(e);return[2]}))}))};e.prototype.slideToNext=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToNextSnapPoint(e);return[2]}))}))};e.prototype.disabledWatcher=function(){if(this.disabled){this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll);this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.element.removeEventListener("mouseenter",this.onMouseenter);this.element.removeEventListener("mouseleave",this.onMouseleave);this.element.removeEventListener("focusin",this.onFocusin);this.element.removeEventListener("focusout",this.onFocusout);this.onReducedMotionMediaChange();reducedMotionMedia&&reducedMotionMedia.removeEventListener("change",this.onReducedMotionMediaChange)}else{this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:true});this.element.addEventListener("mouseenter",this.onMouseenter);this.element.addEventListener("mouseleave",this.onMouseleave);this.element.addEventListener("focusin",this.onFocusin);this.element.addEventListener("focusout",this.onFocusout);reducedMotionMedia&&reducedMotionMedia.addEventListener("change",this.onReducedMotionMediaChange)}};e.prototype.preventMouseDragWatcher=function(){if(this.preventMouseDrag||this.disabled){this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging);this.lastX=null}else{this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}};e.prototype.autoplayRunningWatcher=function(){if(!this.autoplay||this.disabled||this.autoplayDisabledByMotionMedia||this.autoplayDisabledByMouse||this.autoplayDisabledByFocus){this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=null;this.autoplayRunning=false}else{this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout);this.autoplayRunning=true}};e.prototype.snapAlignWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=(s-e.currentSwipeSlides)%e.currentSwipeSlides===0;if(i){t.style.removeProperty("scroll-snap-align")}else{t.style.setProperty("scroll-snap-align","none")}}))};e.prototype.inertWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=e.tabThrough||e.variant==="cards"||s>=e.slide&&s<e.slide+e.currentSlides;t.inert=!i;if(i){t.removeAttribute("aria-hidden")}else{t.setAttribute("aria-hidden",i?"false":"true")}}))};e.prototype.prevNextNavigationWatcher=function(){var e=this.tabThrough||this.variant==="cards";var t=function(t){var s=isStzhElement(t);if(e){t.setAttribute("aria-hidden","true");t.setAttribute(s?"a11y-tabindex":"tabindex","-1")}else{t.removeAttribute("aria-hidden");t.removeAttribute(s?"a11y-tabindex":"tabindex")}};this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.prevNextHiddenWatcher=function(){var e=this.slideElements.length<=this.currentSlides;var t=function(t){if(e){t.setAttribute("hidden","")}else{t.removeAttribute("hidden")}};this.navigationTextElements.forEach(t);this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.nextPrevDisabledWatcher=function(){if(!this.scrollElement){return}var e=this.slide===0;var t=this.hasReachedLastSlide();this.nextElements.forEach((function(e){var s=isStzhElement(e);e.setAttribute(s?"a11y-disabled":"aria-disabled",t?"true":"false")}));this.previousElements.forEach((function(t){var s=isStzhElement(t);t.setAttribute(s?"a11y-disabled":"aria-disabled",e?"true":"false")}))};e.prototype.nextElementsWatcher=function(){var e=this;this.nextElements.forEach((function(t){var s=isStzhElement(t);t.addEventListener("click",e.onNextClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.previousElementsWatcher=function(){var e=this;this.previousElements.forEach((function(t){var s=isStzhElement(t);t.addEventListener("click",e.onPreviousClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.scrollToSlide=function(e,t){if(t===void 0){t="smooth"}if(this.disabled){return}this.scrollElement.scrollTo({left:e*this.itemSize,behavior:reducedMotionMedia.matches?"auto":t})};e.prototype.sizingMethod=function(){var e=window.getComputedStyle(this.scrollElement);return this.scrollElement.firstElementChild.offsetWidth+parseInt(e.getPropertyValue("column-gap"),10)};e.prototype.calculateSlide=function(){return Math.floor(this.scrollElement.scrollLeft/this.itemSize)};e.prototype.scrollToPreviousSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}var t=this.slide;var s=false;while(!s&&t>0){t=t-1;s=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0}this.slideTo(t,e)};e.prototype.scrollToNextSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}this.slideTo(this.slide+this.currentSwipeSlides,e)};e.prototype.update=function(){this.slide=this.calculateSlide();this.slideScrollLeft=this.slide*this.itemSize;this.onMutation()};e.prototype.hasReachedLastSlide=function(){var e=this.scrollElement,t=e.scrollLeft,s=e.offsetWidth,i=e.scrollWidth;return Math.ceil(t+s)>=i};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.carouselId="stzh-carousel-".concat(carouselCounter++);this.onMediaChange();if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"carousel")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentDidLoad=function(){this.itemSize=this.sizingMethod();this.update();this.disabledWatcher();this.preventMouseDragWatcher();this.autoplayRunningWatcher()};e.prototype.connectedCallback=function(){addMediaChangeListener(this.onMediaChange);this.resizeObserver=new ResizeObserver(this.onSlideResize);this.resizeObserver.observe(this.element);this.mutationObserver=new MutationObserver(this.onMutation);this.mutationObserver.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.disabled=true;removeMediaChangeListener(this.onMediaChange);if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.render=function(){var e=this;var t={"stzh-carousel":true,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning,"stzh-carousel--is-autoplay-disabled-by-motion-media":this.autoplayDisabledByMotionMedia,"stzh-carousel--is-autoplay-disabled-by-mouse":this.autoplayDisabledByMouse,"stzh-carousel--is-autoplay-disabled-by-focus":this.autoplayDisabledByFocus};return h(Host,{"aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},h("div",{class:t},h("slot",{name:"actions"}),h("div",{class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus||this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),h("div",{ref:function(t){return e.scrollElement=t},id:"".concat(this.carouselId,"-scroll"),class:"stzh-carousel__scroll"},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher"],preventMouseDrag:["preventMouseDragWatcher"],autoplay:["autoplayRunningWatcher"],autoplayDisabledByMotionMedia:["autoplayRunningWatcher"],autoplayDisabledByMouse:["autoplayRunningWatcher"],autoplayDisabledByFocus:["autoplayRunningWatcher"],autoplayTimeout:["autoplayRunningWatcher"],slideElements:["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],currentSwipeSlides:["snapAlignWatcher"],slide:["inertWatcher","nextPrevDisabledWatcher"],variant:["inertWatcher","prevNextNavigationWatcher"],currentSlides:["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],tabThrough:["inertWatcher","prevNextNavigationWatcher"],nextElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],previousElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],navigationTextElements:["prevNextHiddenWatcher"]}},enumerable:false,configurable:true});return e}();StzhCarousel.style=stzhCarouselCss;export{StzhCarousel as stzh_carousel};
+var __awaiter=this&&this.__awaiter||function(e,t,s,i){function r(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function a(e){try{n(i.next(e))}catch(t){o(t)}}function l(e){try{n(i["throw"](e))}catch(t){o(t)}}function n(e){e.done?s(e.value):r(e.value).then(a,l)}n((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return n([e,t])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(s=0)),s)try{if(i=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){s.label=l[1];break}if(l[0]===6&&s.label<o[1]){s.label=o[1];o=l;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(l);break}if(o[2])s.ops.pop();s.trys.pop();continue}l=t.call(e,s)}catch(n){l=[6,n];r=0}finally{i=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,e as createEvent,h,c as Host,g as getElement}from"./index-319b7c49.js";import{i as isStzhElement}from"./utils-51148d9a.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{a as addMediaChangeListener,r as removeMediaChangeListener,m as media}from"./media-utils-9b041ceb.js";var stzhCarouselCss=".sc-stzh-carousel-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-carousel-h{display:none}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-out:1.25rem;--padding-top:0px;--padding-bottom:0px;--gutter:var(--stzh-space-xxxsmall);--snap-stop:always;--slides:1;--slide-size:calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides))}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-out:0px}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem;--gutter:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){[variant=cards].sc-stzh-carousel-h{--peek-out:2rem}}@media screen and (min-width: 1024px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem;--gutter:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:5.5rem;--gutter:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop)}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:relative;-ms-flex-order:1;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}.stzh-carousel.sc-stzh-carousel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;-moz-column-gap:var(--gutter);-webkit-column-gap:var(--gutter);column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grab;cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grabbing;cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}";var reducedMotionMedia=window.matchMedia("(prefers-reduced-motion: reduce)");var carouselCounter=0;var StzhCarousel=function(){function e(e){var t=this;registerInstance(this,e);this.stzhSlideStart=createEvent(this,"stzhSlideStart",7);this.stzhSlidePassed=createEvent(this,"stzhSlidePassed",7);this.stzhSlideEnd=createEvent(this,"stzhSlideEnd",7);this.slideScrollLeft=0;this.scrolledByAutoplay=false;this.scrollTimeoutId=null;this.lastX=null;this.startX=null;this.startScrollLeft=null;this.disableTimeoutId=null;this.stoppedDragging=false;this.onReducedMotionMediaChange=function(){t.autoplayDisabledByMotionMedia=reducedMotionMedia.matches};this.onMouseenter=function(){t.autoplayDisabledByMouse=true};this.onMouseleave=function(){t.autoplayDisabledByMouse=false};this.onFocusin=function(){t.autoplayDisabledByFocus=true};this.onFocusout=function(){t.autoplayDisabledByFocus=false};this.onPreviousClick=function(){t.scrollToPreviousSnapPoint()};this.onNextClick=function(){t.scrollToNextSnapPoint()};this.onSlideResize=function(){if(t.scrollElement){t.itemSize=t.sizingMethod()}};this.onMutation=function(){if(!t.scrollElement){return}t.slideElements=Array.from(t.scrollElement.children);t.slideElements.forEach((function(e,s){e.setAttribute("role","group");e.setAttribute("aria-roledescription","slide");e.setAttribute("aria-label",t.localization.slideLabel.replace(/\{current\}/gi,(s+1).toString()).replace(/\{total\}/gi,t.slideElements.length.toString()))}));t.previousElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-previous]"));t.nextElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-next]"));t.navigationTextElements=Array.from(t.element.querySelectorAll("[data-stzh-carousel-navigation-text]"))};this.onScroll=function(){if(t.scrollTimeoutId===null){var e=t.scrollElement.scrollLeft>t.slideScrollLeft?1:-1;t.scrolling=true;if(!t.scrolledByAutoplay){t.autoplay=false}t.stzhSlideStart.emit({component:"stzh-carousel",index:t.slide+e})}if(t.slide!==t.calculateSlide()){t.update();t.stzhSlidePassed.emit({component:"stzh-carousel",index:t.slide})}t.scrollTimeoutId&&window.clearTimeout(t.scrollTimeoutId);t.scrollTimeoutId=window.setTimeout(t.onScrollEnd,t.scrollTimeout)};this.onScrollEnd=function(){t.scrollTimeoutId=null;t.update();t.scrolling=false;t.scrolledByAutoplay=false;if(t.stoppedDragging){t.stoppedDragging=false;t.scrollElement.style.removeProperty("scroll-behavior");t.scrollElement.style.removeProperty("scroll-snap-type")}if(t.tabThrough||t.variant==="cards"){t.ariaLive=""}else{t.ariaLive=(t.currentSlides>1?t.localization.slidesLabel:t.localization.slideLabel).replace(/\{(current|from)\}/gi,(t.slide+1).toString()).replace(/\{to\}/gi,(t.slide+t.currentSlides).toString()).replace(/\{total\}/gi,t.slideElements.length.toString())}t.stzhSlideEnd.emit({component:"stzh-carousel",index:t.slide})};this.onMediaChange=function(){var e=media("ultra").matches;var s=media("large").matches;var i=media("medium").matches;var r=media("small").matches;if(e&&t.slidesUltra!==0){t.currentSlides=t.slidesUltra}else if(s&&t.slidesLarge!==0){t.currentSlides=t.slidesLarge}else if(i&&t.slidesMedium!==0){t.currentSlides=t.slidesMedium}else if(r&&t.slidesSmall!==0){t.currentSlides=t.slidesSmall}else{t.currentSlides=t.slides}t.currentSwipeSlides=t.currentSlides};this.mouseMove=function(e){var s=t.lastX-e.clientX;t.lastX=e.clientX;t.scrollElement.scrollLeft+=s};this.startDragging=function(e){e.preventDefault();t.disableTimeoutId&&window.clearTimeout(t.disableTimeoutId);t.disableTimeoutId=null;t.startX=t.lastX=e.clientX;t.startScrollLeft=t.scrollElement.scrollLeft;t.scrollElement.style.setProperty("scroll-behavior","auto");t.scrollElement.style.setProperty("scroll-snap-type","unset");t.dragging=true;t.autoplay=false;window.addEventListener("mousemove",t.mouseMove);window.addEventListener("mouseup",t.stopDragging,{capture:true});window.addEventListener("click",t.checkClick,{capture:true})};this.stopDragging=function(e){e.preventDefault();var s=Math.abs(t.startX-t.lastX);var i=s>t.distanceQuickSwipe;var r=t.lastX>t.startX?1:-1;t.dragging=false;var o=t.scrollElement.scrollLeft;t.scrollElement.style.removeProperty("scroll-snap-type");var a=t.scrollElement.scrollLeft;t.scrollElement.style.setProperty("scroll-snap-type","unset");t.scrollElement.scrollTo({left:o,behavior:"auto"});if(a!==t.startScrollLeft||!i){t.scrollElement.scrollTo({left:a,behavior:reducedMotionMedia.matches?"auto":"smooth"})}else if(r===1){t.slideToPrevious()}else{t.slideToNext()}window.removeEventListener("mousemove",t.mouseMove);window.removeEventListener("mouseup",t.stopDragging,{capture:true});t.stoppedDragging=true};this.checkClick=function(e){var s=Math.abs(t.startX-t.lastX);var i=s>t.distancePreventClick;if(i){e.preventDefault()}t.lastX=null;window.removeEventListener("click",t.checkClick,{capture:true})};this.autoplayInterval=function(){t.scrolledByAutoplay=true;if(t.hasReachedLastSlide()){t.slideTo(0)}else{t.slideToNext()}};this.localization=undefined;this.variant="default";this.disabled=false;this.slides=1;this.slidesSmall=0;this.slidesMedium=0;this.slidesLarge=0;this.slidesUltra=0;this.slide=0;this.autoplay=false;this.tabThrough=false;this.preventMouseDrag=false;this.scrollTimeout=100;this.autoplayTimeout=3e3;this.distanceQuickSwipe=40;this.distancePreventClick=6;this.autoplayRunning=false;this.autoplayDisabledByMotionMedia=false;this.autoplayDisabledByMouse=false;this.autoplayDisabledByFocus=false;this.dragging=false;this.scrolling=false;this.ariaLive="";this.currentSlides=1;this.currentSwipeSlides=1;this.slideElements=[];this.previousElements=[];this.nextElements=[];this.navigationTextElements=[]}e.prototype.slideTo=function(e,t){if(t===void 0){t="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(s){this.scrollToSlide(e,t);return[2]}))}))};e.prototype.slideToPrevious=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToPreviousSnapPoint(e);return[2]}))}))};e.prototype.slideToNext=function(e){if(e===void 0){e="smooth"}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.scrollToNextSnapPoint(e);return[2]}))}))};e.prototype.disabledWatcher=function(){if(this.disabled){this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll);this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.element.removeEventListener("mouseenter",this.onMouseenter);this.element.removeEventListener("mouseleave",this.onMouseleave);this.element.removeEventListener("focusin",this.onFocusin);this.element.removeEventListener("focusout",this.onFocusout);this.onReducedMotionMediaChange();reducedMotionMedia&&reducedMotionMedia.removeEventListener("change",this.onReducedMotionMediaChange)}else{this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:true});this.element.addEventListener("mouseenter",this.onMouseenter);this.element.addEventListener("mouseleave",this.onMouseleave);this.element.addEventListener("focusin",this.onFocusin);this.element.addEventListener("focusout",this.onFocusout);reducedMotionMedia&&reducedMotionMedia.addEventListener("change",this.onReducedMotionMediaChange)}};e.prototype.preventMouseDragWatcher=function(){if(this.preventMouseDrag||this.disabled){this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging);this.lastX=null}else{this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}};e.prototype.autoplayRunningWatcher=function(){if(!this.autoplay||this.disabled||this.autoplayDisabledByMotionMedia||this.autoplayDisabledByMouse||this.autoplayDisabledByFocus){this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=null;this.autoplayRunning=false}else{this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout);this.autoplayRunning=true}};e.prototype.snapAlignWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=(s-e.currentSwipeSlides)%e.currentSwipeSlides===0;if(i){t.style.removeProperty("scroll-snap-align")}else{t.style.setProperty("scroll-snap-align","none")}}))};e.prototype.inertWatcher=function(){var e=this;this.slideElements.forEach((function(t,s){var i=e.tabThrough||e.variant==="cards"||s>=e.slide&&s<e.slide+e.currentSlides;t.inert=!i;if(i){t.removeAttribute("aria-hidden")}else{t.setAttribute("aria-hidden",i?"false":"true")}}))};e.prototype.prevNextNavigationWatcher=function(){var e=this.tabThrough||this.variant==="cards";var t=function(t){var s=isStzhElement(t);if(e){t.setAttribute("aria-hidden","true");t.setAttribute(s?"a11y-tabindex":"tabindex","-1")}else{t.removeAttribute("aria-hidden");t.removeAttribute(s?"a11y-tabindex":"tabindex")}};this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.prevNextHiddenWatcher=function(){var e=this.slideElements.length<=this.currentSlides;var t=function(t){if(e){t.setAttribute("hidden","")}else{t.removeAttribute("hidden")}};this.navigationTextElements.forEach(t);this.nextElements.forEach(t);this.previousElements.forEach(t)};e.prototype.nextPrevDisabledWatcher=function(){if(!this.scrollElement){return}var e=this.slide===0;var t=this.hasReachedLastSlide();this.nextElements.forEach((function(e){var s=isStzhElement(e);e.setAttribute(s?"a11y-disabled":"aria-disabled",t?"true":"false")}));this.previousElements.forEach((function(t){var s=isStzhElement(t);t.setAttribute(s?"a11y-disabled":"aria-disabled",e?"true":"false")}))};e.prototype.nextElementsWatcher=function(){var e=this;this.nextElements.forEach((function(t){var s=isStzhElement(t);t.addEventListener("click",e.onNextClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.previousElementsWatcher=function(){var e=this;this.previousElements.forEach((function(t){var s=isStzhElement(t);t.addEventListener("click",e.onPreviousClick);t.setAttribute(s?"a11y-controls":"aria-controls","".concat(e.carouselId,"-scroll"))}))};e.prototype.scrollToSlide=function(e,t){if(t===void 0){t="smooth"}if(this.disabled){return}this.scrollElement.scrollTo({left:e*this.itemSize,behavior:reducedMotionMedia.matches?"auto":t})};e.prototype.sizingMethod=function(){var e=window.getComputedStyle(this.scrollElement);return this.scrollElement.firstElementChild.offsetWidth+parseInt(e.getPropertyValue("column-gap"),10)};e.prototype.calculateSlide=function(){return Math.floor(this.scrollElement.scrollLeft/this.itemSize)};e.prototype.scrollToPreviousSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}var t=this.slide;var s=false;while(!s&&t>0){t=t-1;s=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0}this.slideTo(t,e)};e.prototype.scrollToNextSnapPoint=function(e){if(e===void 0){e="smooth"}if(this.disabled){return}this.slideTo(this.slide+this.currentSwipeSlides,e)};e.prototype.update=function(){this.slide=this.calculateSlide();this.slideScrollLeft=this.slide*this.itemSize;this.onMutation()};e.prototype.hasReachedLastSlide=function(){var e=this.scrollElement,t=e.scrollLeft,s=e.offsetWidth,i=e.scrollWidth;return Math.ceil(t+s)>=i};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.carouselId="stzh-carousel-".concat(carouselCounter++);this.onMediaChange();if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"carousel")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentDidLoad=function(){this.itemSize=this.sizingMethod();this.update();this.disabledWatcher();this.preventMouseDragWatcher();this.autoplayRunningWatcher()};e.prototype.connectedCallback=function(){addMediaChangeListener(this.onMediaChange);this.resizeObserver=new ResizeObserver(this.onSlideResize);this.resizeObserver.observe(this.element);this.mutationObserver=new MutationObserver(this.onMutation);this.mutationObserver.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.disabled=true;removeMediaChangeListener(this.onMediaChange);if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.render=function(){var e=this;var t={"stzh-carousel":true,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning,"stzh-carousel--is-autoplay-disabled-by-motion-media":this.autoplayDisabledByMotionMedia,"stzh-carousel--is-autoplay-disabled-by-mouse":this.autoplayDisabledByMouse,"stzh-carousel--is-autoplay-disabled-by-focus":this.autoplayDisabledByFocus};return h(Host,{"aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},h("div",{class:t},h("slot",{name:"actions"}),h("div",{class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus||this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),h("div",{ref:function(t){return e.scrollElement=t},id:"".concat(this.carouselId,"-scroll"),class:"stzh-carousel__scroll"},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher"],preventMouseDrag:["preventMouseDragWatcher"],autoplay:["autoplayRunningWatcher"],autoplayDisabledByMotionMedia:["autoplayRunningWatcher"],autoplayDisabledByMouse:["autoplayRunningWatcher"],autoplayDisabledByFocus:["autoplayRunningWatcher"],autoplayTimeout:["autoplayRunningWatcher"],slideElements:["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],currentSwipeSlides:["snapAlignWatcher"],slide:["inertWatcher","nextPrevDisabledWatcher"],variant:["inertWatcher","prevNextNavigationWatcher"],currentSlides:["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],tabThrough:["inertWatcher","prevNextNavigationWatcher"],nextElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],previousElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],navigationTextElements:["prevNextHiddenWatcher"]}},enumerable:false,configurable:true});return e}();StzhCarousel.style=stzhCarouselCss;export{StzhCarousel as stzh_carousel};

package/dist/esm-es5/stzh-cell.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,c as Host}from"./index-319b7c49.js";var stzhCellCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host::after{content:"";display:table;clear:both}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span="1"]){--cell-width:8.3333333333%}:host([span="2"]){--cell-width:16.6666666667%}:host([span="3"]){--cell-width:25%}:host([span="4"]){--cell-width:33.3333333333%}:host([span="5"]){--cell-width:41.6666666667%}:host([span="6"]){--cell-width:50%}:host([span="7"]){--cell-width:58.3333333333%}:host([span="8"]){--cell-width:66.6666666667%}:host([span="9"]){--cell-width:75%}:host([span="10"]){--cell-width:83.3333333333%}:host([span="11"]){--cell-width:91.6666666667%}:host([span="12"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}';var StzhCell=function(){function e(e){registerInstance(this,e);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justifySelf="auto";this.alignSelf="auto"}e.prototype.render=function(){return h(Host,null,h("div",{class:{"stzh-cell":true}},h("slot",null)))};return e}();StzhCell.style=stzhCellCss;export{StzhCell as stzh_cell};
+import{r as registerInstance,h,c as Host}from"./index-319b7c49.js";var stzhCellCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host::after{content:"";display:table;clear:both}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span="1"]){--cell-width:8.3333333333%}:host([span="2"]){--cell-width:16.6666666667%}:host([span="3"]){--cell-width:25%}:host([span="4"]){--cell-width:33.3333333333%}:host([span="5"]){--cell-width:41.6666666667%}:host([span="6"]){--cell-width:50%}:host([span="7"]){--cell-width:58.3333333333%}:host([span="8"]){--cell-width:66.6666666667%}:host([span="9"]){--cell-width:75%}:host([span="10"]){--cell-width:83.3333333333%}:host([span="11"]){--cell-width:91.6666666667%}:host([span="12"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}';var StzhCell=function(){function e(e){registerInstance(this,e);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justifySelf="auto";this.alignSelf="auto"}e.prototype.render=function(){return h(Host,null,h("div",{class:{"stzh-cell":true}},h("slot",null)))};return e}();StzhCell.style=stzhCellCss;export{StzhCell as stzh_cell};