@oiz/stzh-components 2.7.0 → 2.8.0-alpha

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

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function r(t){try{l(o.next(t))}catch(t){s(t)}}function a(t){try{l(o["throw"](t))}catch(t){s(t)}}function l(t){t.done?n(t.value):i(t.value).then(r,a)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,i,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(n=0)),n)try{if(o=1,i&&(s=a[0]&2?i["return"]:a[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,a[1])).done)return s;if(i=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];i=0}finally{o=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhAmountCss=":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)}.stzh-amount__marker-symbol{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-amount__marker-text{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-amount__description-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-amount__error,.stzh-amount__description{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-amount__error{color:var(--stzh-color-error)}.stzh-amount__error-list{list-style:none;margin:0;padding:0}.stzh-amount__description{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-amount__description-long{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-amount__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-amount__description-long-popover[open]:not([open=false]) .stzh-amount__description-long-button{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount__description-long-button{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-amount__description-long-button:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount stzh-icon.stzh-amount__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-amount--has-error .stzh-amount__error,.stzh-amount--has-description .stzh-amount__description{margin-top:var(--stzh-space-xxsmall)}.stzh-amount__stepper-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:var(--stzh-space-xxsmall)}.stzh-amount stzh-input.stzh-amount__stepper-input{--text-align:center;width:100%}";var DROPDOWN_ITEM_PLUS_OPTION_VALUE="stzh-amount__dropdown-plus-option";var amountCounter=0;var StzhAmount=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this._showDropdown=!Number.isNaN(this.minValueDropdown)&&!Number.isNaN(this.maxValueDropdown)&&this.minValueDropdown<this.maxValueDropdown;this.onRootFocus=function(){if(e.input){e.input.setFocus()}};this.onDropdownChange=function(t){if(t.detail.value===DROPDOWN_ITEM_PLUS_OPTION_VALUE){e._showDropdown=false;e.value=(e.maxValueDropdown+e.step).toString()}else{e.value=t.detail.value}e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.onInputMinusStepClick=function(){if(Number(e.value)<=e.minValue){return}e.value=(Number(e.value)-e.step).toString();e.value=e.roundToStep(Number(e.value)).toString();e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.onInputPlusStepClick=function(){if(Number(e.value)>=e.maxValue){return}e.value=(Number(e.value)+e.step).toString();e.value=e.roundToStep(Number(e.value)).toString();e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.onStepperInputChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.minValue=-9007199254740991;this.maxValue=9007199254740991;this.minValueDropdown=null;this.maxValueDropdown=null;this.value="";this.step=1;this.name="";this.size="default";this.disabled=false;this.popoverPlacement="bottom";this.label="";this.invalid=false;this.required=false;this.clearable=false;this.showMarker=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby="";this.localization=undefined}t.prototype.minMaxValueDropdownWatcher=function(){this.setDropdownOptions()};t.prototype.setDropdownOptions=function(){if(!this._showDropdown){return}var t=[];for(var e=this.minValueDropdown;e<=this.maxValueDropdown;e++){t.push({text:e.toString(),value:e.toString()})}if(this.maxValue!=undefined&&this.maxValue>this.maxValueDropdown){t.push({text:"".concat(this.maxValueDropdown.toString(),"+"),value:DROPDOWN_ITEM_PLUS_OPTION_VALUE})}this._dropdownOptions=t};t.prototype.roundToStep=function(t){var e=Math.max(0,-Math.floor(Math.log10(this.step)));var n=Math.pow(10,e);var o=Math.round(t/this.step)*this.step;return Number((o*n/n).toFixed(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:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"amount")];case 1:t.localization=e.sent();e.label=2;case 2:this.amountId="stzh-amount-".concat(amountCounter++);if(this._showDropdown){this.setDropdownOptions()}else{this.stepperInputId="".concat(this.amountId,"-stepper-input")}return[2]}}))}))};t.prototype.renderDropdown=function(){var t;var e=this;var n=(t={"stzh-amount__dropdown":true},t["stzh-amount--popover-placement-".concat(this.popoverPlacement)]=!!this.popoverPlacement,t);return h("div",{class:n},h("stzh-dropdown",{ref:function(t){return e.input=t},options:this._dropdownOptions,items:[this.value],label:this.label,required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,popoverPlacement:this.popoverPlacement,a11yDescribedby:this.a11yDescribedby,name:this.name,size:this.size,showMarker:this.showMarker,onStzhChange:this.onDropdownChange}))};t.prototype.renderInputStepper=function(){var t=this;return h("div",{class:"stzh-amount__stepper"},h("div",{class:"stzh-amount__stepper-wrapper"},h("stzh-input",{ref:function(e){return t.input=e},class:"stzh-amount__stepper-input",value:this.value,type:"number",label:this.label,min:this.minValue,max:this.maxValue,error:this.error,invalid:this.invalid,required:this.required,name:this.name,id:this.stepperInputId,size:this.size,step:this.step,showMarker:this.showMarker,description:this.description,descriptionLong:this.descriptionLong,clearable:this.clearable,disabled:this.disabled,a11yDescribedby:this.a11yDescribedby,onStzhChange:this.onStepperInputChange}),h("stzh-buttongroup",null,h("stzh-button",{class:"stzh-amount__stepper-minus",onClick:this.onInputMinusStepClick,variant:"secondary",icon:"minus",iconOnly:true,a11yControls:this.stepperInputId,a11yDescribedby:this.a11yDescribedby,a11yLabel:"".concat(this.label," ").concat(this.localization.stepperMinusLabel,", ").concat(this.localization.selectedAmountMessage," ").concat(this.value),size:this.size,a11yDisabled:Number(this.value)<=this.minValue||this.disabled,disabled:this.disabled}),h("stzh-button",{class:"stzh-amount__stepper-plus",onClick:this.onInputPlusStepClick,variant:"secondary",icon:"plus",iconOnly:true,a11yControls:this.stepperInputId,a11yDescribedby:this.a11yDescribedby,a11yLabel:"".concat(this.label," ").concat(this.localization.stepperPlusLabel,", ").concat(this.localization.selectedAmountMessage," ").concat(this.value),size:this.size,a11yDisabled:Number(this.value)>=this.maxValue||this.disabled,disabled:this.disabled}))))};t.prototype.render=function(){var t={"stzh-amount":true,"stzh-amount--has-description":!!this.description,"stzh-amount--has-description-long":!!this.descriptionLong,"stzh-amount--has-error":!!this.error,"stzh-amount--is-required":!!this.required,"stzh-amount--is-disabled":!!this.disabled};return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},h("div",{class:t,id:this.amountId},this._showDropdown?this.renderDropdown():this.renderInputStepper()))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{minValueDropdown:["minMaxValueDropdownWatcher"],maxValueDropdown:["minMaxValueDropdownWatcher"]}},enumerable:false,configurable:true});return t}();StzhAmount.style=stzhAmountCss;export{StzhAmount as stzh_amount};
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function r(t){try{l(i.next(t))}catch(t){s(t)}}function a(t){try{l(i["throw"](t))}catch(t){s(t)}}function l(t){t.done?n(t.value):o(t.value).then(r,a)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,o,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(n=0)),n)try{if(i=1,o&&(s=a[0]&2?o["return"]:a[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,a[1])).done)return s;if(o=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];o=0}finally{i=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhAmountCss=":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)}.stzh-amount__marker-symbol{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-amount__marker-text{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-amount__description-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-amount__error,.stzh-amount__description{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-amount__error{color:var(--stzh-color-error)}.stzh-amount__error-list{list-style:none;margin:0;padding:0}.stzh-amount__description{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-amount__description-long{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-amount__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-amount__description-long-popover[open]:not([open=false]) .stzh-amount__description-long-button{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount__description-long-button{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-amount__description-long-button:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount stzh-icon.stzh-amount__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-amount--has-error .stzh-amount__error,.stzh-amount--has-description .stzh-amount__description{margin-top:var(--stzh-space-xxsmall)}.stzh-amount__stepper-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:var(--stzh-space-xsmall)}.stzh-amount stzh-input.stzh-amount__stepper-input{--text-align:center;width:100%}";var DROPDOWN_ITEM_PLUS_OPTION_VALUE="stzh-amount__dropdown-plus-option";var amountCounter=0;var StzhAmount=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this._showDropdown=!Number.isNaN(this.minValueDropdown)&&!Number.isNaN(this.maxValueDropdown)&&this.minValueDropdown<this.maxValueDropdown;this.onRootFocus=function(){if(e.input){e.input.setFocus()}};this.onDropdownChange=function(t){if(t.detail.value===DROPDOWN_ITEM_PLUS_OPTION_VALUE){e._showDropdown=false;e.value=(e.maxValueDropdown+e.step).toString()}else{e.value=t.detail.value}e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.onInputMinusStepClick=function(){if(Number(e.value)<=e.minValue){return}e.value=(Number(e.value)-e.step).toString();e.value=e.roundToStep(Number(e.value)).toString();e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.onInputPlusStepClick=function(){if(Number(e.value)>=e.maxValue){return}e.value=(Number(e.value)+e.step).toString();e.value=e.roundToStep(Number(e.value)).toString();e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.onStepperInputChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.minValue=-9007199254740991;this.maxValue=9007199254740991;this.minValueDropdown=null;this.maxValueDropdown=null;this.value="";this.step=1;this.name="";this.size="default";this.disabled=false;this.popoverPlacement="bottom";this.label="";this.labelHidden=false;this.invalid=false;this.required=false;this.clearable=false;this.showMarker=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby="";this.localization=undefined}t.prototype.minMaxValueDropdownWatcher=function(){this.setDropdownOptions()};t.prototype.setDropdownOptions=function(){if(!this._showDropdown){return}var t=[];for(var e=this.minValueDropdown;e<=this.maxValueDropdown;e++){t.push({text:e.toString(),value:e.toString()})}if(this.maxValue!=undefined&&this.maxValue>this.maxValueDropdown){t.push({text:"".concat(this.maxValueDropdown.toString(),"+"),value:DROPDOWN_ITEM_PLUS_OPTION_VALUE})}this._dropdownOptions=t};t.prototype.roundToStep=function(t){var e=Math.max(0,-Math.floor(Math.log10(this.step)));var n=Math.pow(10,e);var i=Math.round(t/this.step)*this.step;return Number((i*n/n).toFixed(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:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"amount")];case 1:t.localization=e.sent();e.label=2;case 2:this.amountId="stzh-amount-".concat(amountCounter++);if(this._showDropdown){this.setDropdownOptions()}else{this.stepperInputId="".concat(this.amountId,"-stepper-input")}return[2]}}))}))};t.prototype.renderDropdown=function(){var t;var e=this;var n=(t={"stzh-amount__dropdown":true},t["stzh-amount--popover-placement-".concat(this.popoverPlacement)]=!!this.popoverPlacement,t);return h("div",{class:n},h("stzh-dropdown",{ref:function(t){return e.input=t},options:this._dropdownOptions,items:[this.value],label:this.label,labelHidden:this.labelHidden,required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,popoverPlacement:this.popoverPlacement,a11yDescribedby:this.a11yDescribedby,name:this.name,size:this.size,showMarker:this.showMarker,onStzhChange:this.onDropdownChange}))};t.prototype.renderInputStepper=function(){var t=this;return h("div",{class:"stzh-amount__stepper"},h("div",{class:"stzh-amount__stepper-wrapper"},h("stzh-input",{ref:function(e){return t.input=e},class:"stzh-amount__stepper-input",value:this.value,type:"number",label:this.label,labelHidden:this.labelHidden,min:this.minValue,max:this.maxValue,error:this.error,invalid:this.invalid,required:this.required,name:this.name,id:this.stepperInputId,size:this.size,step:this.step,showMarker:this.showMarker,description:this.description,descriptionLong:this.descriptionLong,clearable:this.clearable,disabled:this.disabled,a11yDescribedby:this.a11yDescribedby,onStzhChange:this.onStepperInputChange}),h("stzh-buttongroup",null,h("stzh-button",{class:"stzh-amount__stepper-minus",onClick:this.onInputMinusStepClick,variant:"secondary",icon:"minus",iconOnly:true,a11yControls:this.stepperInputId,a11yDescribedby:this.a11yDescribedby,a11yLabel:"".concat(this.label," ").concat(this.localization.stepperMinusLabel,", ").concat(this.localization.selectedAmountMessage," ").concat(this.value),size:this.size,a11yDisabled:Number(this.value)<=this.minValue||this.disabled,disabled:this.disabled}),h("stzh-button",{class:"stzh-amount__stepper-plus",onClick:this.onInputPlusStepClick,variant:"secondary",icon:"plus",iconOnly:true,a11yControls:this.stepperInputId,a11yDescribedby:this.a11yDescribedby,a11yLabel:"".concat(this.label," ").concat(this.localization.stepperPlusLabel,", ").concat(this.localization.selectedAmountMessage," ").concat(this.value),size:this.size,a11yDisabled:Number(this.value)>=this.maxValue||this.disabled,disabled:this.disabled}))))};t.prototype.render=function(){var t={"stzh-amount":true,"stzh-amount--has-description":!!this.description,"stzh-amount--has-description-long":!!this.descriptionLong,"stzh-amount--has-error":!!this.error,"stzh-amount--is-required":!!this.required,"stzh-amount--is-disabled":!!this.disabled};return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},h("div",{class:t,id:this.amountId},this._showDropdown?this.renderDropdown():this.renderInputStepper()))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{minValueDropdown:["minMaxValueDropdownWatcher"],maxValueDropdown:["minMaxValueDropdownWatcher"]}},enumerable:false,configurable:true});return t}();StzhAmount.style=stzhAmountCss;export{StzhAmount as stzh_amount};
 //# sourceMappingURL=stzh-amount.entry.js.map

package/dist/esm-es5/stzh-amount.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhAmountCss","DROPDOWN_ITEM_PLUS_OPTION_VALUE","amountCounter","StzhAmount","this","_showDropdown","Number","isNaN","minValueDropdown","maxValueDropdown","onRootFocus","_this","input","setFocus","onDropdownChange","event","detail","value","step","toString","stzhChange","emit","component","onInputMinusStepClick","minValue","roundToStep","onInputPlusStepClick","maxValue","onStepperInputChange","class_1","prototype","minMaxValueDropdownWatcher","setDropdownOptions","options","i","push","text","undefined","concat","_dropdownOptions","decimals","Math","max","floor","log10","factor","pow","rounded","round","toFixed","componentWillLoad","localization","_a","fetchTranslations","element","_b","sent","amountId","stepperInputId","renderDropdown","classes","popoverPlacement","h","class","ref","el","items","label","required","disabled","description","descriptionLong","error","invalid","a11yDescribedby","name","size","showMarker","onStzhChange","renderInputStepper","type","min","id","clearable","onClick","variant","icon","iconOnly","a11yControls","a11yLabel","stepperMinusLabel","selectedAmountMessage","a11yDisabled","stepperPlusLabel","render","Host","tabindex","onFocus"],"sources":["src/components/stzh-amount/stzh-amount.scss?tag=stzh-amount","src/components/stzh-amount/stzh-amount.tsx"],"sourcesContent":[".stzh-amount {\n  @include input-description;\n\n  &__stepper-wrapper {\n    display: flex;\n    align-items: flex-start;\n    gap: space('xxsmall');\n  }\n\n  stzh-input#{&}__stepper-input {\n    --text-align: center;\n    width: 100%;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Watch,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDropdownOption,\n  StzhAmountChangeEvent,\n  StzhDropdownChangeEvent,\n  StzhInputChangeEvent,\n} from \"../../index\";\n\nimport { StzhAmountLocalizedText } from './stzh-amount.localization';\nimport { fetchTranslations } from '../../utils/translation-utils';\n\nconst DROPDOWN_ITEM_PLUS_OPTION_VALUE = \"stzh-amount__dropdown-plus-option\"\n\nlet amountCounter = 0;\n\n@Component({\n  tag: \"stzh-amount\",\n  styleUrl: \"stzh-amount.scss\"\n})\nexport class StzhAmount {\n  /** The lowest allowed amount (can be negative). */\n  @Prop() minValue: number = -9007199254740991;\n\n  /** The highest allowed amount. */\n  @Prop() maxValue: number = 9007199254740991;\n\n  /** The lowest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() minValueDropdown: number | null = null;\n\n  /** The highest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() maxValueDropdown: number | null = null;\n  private _showDropdown: boolean = !Number.isNaN(this.minValueDropdown) && !Number.isNaN(this.maxValueDropdown)\n    && this.minValueDropdown < this.maxValueDropdown;\n\n  private _dropdownOptions: StzhDropdownOption[];\n\n  /** The initial value of the amount element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** The step the amount can be increased or decreased */\n  @Prop() step: number = 1;\n\n  /** Name of the element (hidden select element in case of dropdown) */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Whether the amount component is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Popover placement for the dropdown (if applicable) */\n  @Prop({ reflect: true }) popoverPlacement:  \"bottom\" | \"bottom-end\" | \"bottom-center\" | \"top\" | \"top-end\" | \"top-center\" = \"bottom\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether clearable button is showing for the input field (does not apply to dropdown) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Show text in label depending on whether field is optional/required */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Description placed below the amount */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message(s) */\n  @Prop({ mutable: true }) error: string | string[];\n\n  /** Id of the element which describes the input */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = '';\n\n  /**  Translation strings. */\n  @Prop() localization: StzhAmountLocalizedText;\n\n  @Watch(\"minValueDropdown\")\n  @Watch(\"maxValueDropdown\")\n  minMaxValueDropdownWatcher() {\n    this.setDropdownOptions();\n  }\n\n  /** Amount change event */\n  @Event() stzhChange: EventEmitter<StzhAmountChangeEvent>;\n\n  @Element() element: HTMLStzhAmountElement;\n\n  private amountId: string;\n  private stepperInputId: string;\n  private input: HTMLStzhInputElement | HTMLStzhDropdownElement;\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.setFocus();\n    }\n  }\n\n  /** Fill the dropdown with options according to maxValueDropdown & minValueDropdown. */\n  private setDropdownOptions() {\n    if (!this._showDropdown) {\n      return;\n    }\n\n    const options = [];\n\n    for (let i = this.minValueDropdown; i <= this.maxValueDropdown; i++) {\n      options.push({text: i.toString(), value: i.toString()});\n    }\n    if (this.maxValue != undefined && this.maxValue > this.maxValueDropdown) {\n      options.push({text: `${this.maxValueDropdown.toString()}+`, value: DROPDOWN_ITEM_PLUS_OPTION_VALUE})\n    }\n\n    this._dropdownOptions = options;\n  }\n\n  /** Handling dropdown changes (switch to input stepper if the plus option is selected in the dropdown). */\n  private onDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    if (event.detail.value === DROPDOWN_ITEM_PLUS_OPTION_VALUE) {\n      this._showDropdown = false;\n      this.value = (this.maxValueDropdown + this.step).toString();\n    } else {\n      this.value = event.detail.value;\n    }\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the minus button. */\n  private onInputMinusStepClick = () => {\n    if (Number(this.value) <= this.minValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) - this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the plus button. */\n  private onInputPlusStepClick = () => {\n    if (Number(this.value) >= this.maxValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) + this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    })\n  }\n\n  /** Handling manual value change of the stepper input. */\n  private onStepperInputChange = (event: CustomEvent<StzhInputChangeEvent>) => {\n    this.value = event.detail.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Making sure, that the value is rounded correctly according to the step  */\n  private roundToStep(input: number): number {\n    const decimals = Math.max(0, -Math.floor(Math.log10(this.step)));\n    const factor = Math.pow(10, decimals);\n    const rounded = Math.round(input / this.step) * this.step;\n    return Number((rounded * factor / factor).toFixed(decimals));\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"amount\");\n    }\n\n    this.amountId = `stzh-amount-${amountCounter++}`;\n\n    if (this._showDropdown) {\n      this.setDropdownOptions()\n    } else {\n      this.stepperInputId = `${this.amountId}-stepper-input`\n    }\n  }\n\n  private renderDropdown(): HTMLDivElement {\n    const classes = {\n      \"stzh-amount__dropdown\": true,\n      [`stzh-amount--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n    };\n    return (\n      <div class={classes}>\n        <stzh-dropdown\n          ref={(el) => (this.input = el as HTMLStzhDropdownElement)}\n          options={this._dropdownOptions}\n          items={[this.value]}\n          label={this.label}\n          required={this.required}\n          disabled={this.disabled}\n          description={this.description}\n          descriptionLong={this.descriptionLong}\n          error={this.error}\n          invalid={this.invalid}\n          popoverPlacement={this.popoverPlacement}\n          a11yDescribedby={this.a11yDescribedby}\n          name={this.name}\n          size={this.size}\n          showMarker={this.showMarker}\n          onStzhChange={this.onDropdownChange}\n        ></stzh-dropdown>\n      </div>\n    );\n  }\n\n  private renderInputStepper(): HTMLDivElement {\n    return (\n      <div class=\"stzh-amount__stepper\">\n        <div class=\"stzh-amount__stepper-wrapper\">\n          <stzh-input\n            ref={(el) => (this.input = el as HTMLStzhInputElement)}\n            class=\"stzh-amount__stepper-input\"\n            value={this.value}\n            type=\"number\"\n            label={this.label}\n            min={this.minValue}\n            max={this.maxValue}\n            error={this.error}\n            invalid={this.invalid}\n            required={this.required}\n            name={this.name}\n            id={this.stepperInputId}\n            size={this.size}\n            step={this.step}\n            showMarker={this.showMarker}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            clearable={this.clearable}\n            disabled={this.disabled}\n            a11yDescribedby={this.a11yDescribedby}\n            onStzhChange={this.onStepperInputChange}\n          ></stzh-input>\n          <stzh-buttongroup>\n            <stzh-button\n              class=\"stzh-amount__stepper-minus\"\n              onClick={this.onInputMinusStepClick}\n              variant=\"secondary\"\n              icon=\"minus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperMinusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) <= this.minValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n            <stzh-button\n              class=\"stzh-amount__stepper-plus\"\n              onClick={this.onInputPlusStepClick}\n              variant=\"secondary\"\n              icon=\"plus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperPlusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) >= this.maxValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n          </stzh-buttongroup>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-amount\": true,\n      \"stzh-amount--has-description\": !!this.description,\n      \"stzh-amount--has-description-long\": !!this.descriptionLong,\n      \"stzh-amount--has-error\": !!this.error,\n      \"stzh-amount--is-required\": !!this.required,\n      \"stzh-amount--is-disabled\": !!this.disabled\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes} id={this.amountId}>\n          {\n            this._showDropdown ?\n            this.renderDropdown()\n            :\n            this.renderInputStepper()\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhAmountCss","DROPDOWN_ITEM_PLUS_OPTION_VALUE","amountCounter","StzhAmount","this","_showDropdown","Number","isNaN","minValueDropdown","maxValueDropdown","onRootFocus","_this","input","setFocus","onDropdownChange","event","detail","value","step","toString","stzhChange","emit","component","onInputMinusStepClick","minValue","roundToStep","onInputPlusStepClick","maxValue","onStepperInputChange","class_1","prototype","minMaxValueDropdownWatcher","setDropdownOptions","options","i","push","text","undefined","concat","_dropdownOptions","decimals","Math","max","floor","log10","factor","pow","rounded","round","toFixed","componentWillLoad","localization","_a","fetchTranslations","element","_b","sent","amountId","stepperInputId","renderDropdown","classes","popoverPlacement","h","class","ref","el","items","label","labelHidden","required","disabled","description","descriptionLong","error","invalid","a11yDescribedby","name","size","showMarker","onStzhChange","renderInputStepper","type","min","id","clearable","onClick","variant","icon","iconOnly","a11yControls","a11yLabel","stepperMinusLabel","selectedAmountMessage","a11yDisabled","stepperPlusLabel","render","Host","tabindex","onFocus"],"sources":["src/components/stzh-amount/stzh-amount.scss?tag=stzh-amount","src/components/stzh-amount/stzh-amount.tsx"],"sourcesContent":[".stzh-amount {\n  @include input-description;\n\n  &__stepper-wrapper {\n    display: flex;\n    align-items: flex-start;\n    gap: space('xsmall');\n  }\n\n  stzh-input#{&}__stepper-input {\n    --text-align: center;\n    width: 100%;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Watch,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDropdownOption,\n  StzhAmountChangeEvent,\n  StzhDropdownChangeEvent,\n  StzhInputChangeEvent,\n} from \"../../index\";\n\nimport { StzhAmountLocalizedText } from './stzh-amount.localization';\nimport { fetchTranslations } from '../../utils/translation-utils';\n\nconst DROPDOWN_ITEM_PLUS_OPTION_VALUE = \"stzh-amount__dropdown-plus-option\"\n\nlet amountCounter = 0;\n\n@Component({\n  tag: \"stzh-amount\",\n  styleUrl: \"stzh-amount.scss\"\n})\nexport class StzhAmount {\n  /** The lowest allowed amount (can be negative). */\n  @Prop() minValue: number = -9007199254740991;\n\n  /** The highest allowed amount. */\n  @Prop() maxValue: number = 9007199254740991;\n\n  /** The lowest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() minValueDropdown: number | null = null;\n\n  /** The highest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() maxValueDropdown: number | null = null;\n  private _showDropdown: boolean = !Number.isNaN(this.minValueDropdown) && !Number.isNaN(this.maxValueDropdown)\n    && this.minValueDropdown < this.maxValueDropdown;\n\n  private _dropdownOptions: StzhDropdownOption[];\n\n  /** The initial value of the amount element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** The step the amount can be increased or decreased */\n  @Prop() step: number = 1;\n\n  /** Name of the element (hidden select element in case of dropdown) */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Whether the amount component is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Popover placement for the dropdown (if applicable) */\n  @Prop({ reflect: true }) popoverPlacement:  \"bottom\" | \"bottom-end\" | \"bottom-center\" | \"top\" | \"top-end\" | \"top-center\" = \"bottom\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label is hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether clearable button is showing for the input field (does not apply to dropdown) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Show text in label depending on whether field is optional/required */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Description placed below the amount */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message(s) */\n  @Prop({ mutable: true }) error: string | string[];\n\n  /** Id of the element which describes the input */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = '';\n\n  /**  Translation strings. */\n  @Prop() localization: StzhAmountLocalizedText;\n\n  @Watch(\"minValueDropdown\")\n  @Watch(\"maxValueDropdown\")\n  minMaxValueDropdownWatcher() {\n    this.setDropdownOptions();\n  }\n\n  /** Amount change event */\n  @Event() stzhChange: EventEmitter<StzhAmountChangeEvent>;\n\n  @Element() element: HTMLStzhAmountElement;\n\n  private amountId: string;\n  private stepperInputId: string;\n  private input: HTMLStzhInputElement | HTMLStzhDropdownElement;\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.setFocus();\n    }\n  }\n\n  /** Fill the dropdown with options according to maxValueDropdown & minValueDropdown. */\n  private setDropdownOptions() {\n    if (!this._showDropdown) {\n      return;\n    }\n\n    const options = [];\n\n    for (let i = this.minValueDropdown; i <= this.maxValueDropdown; i++) {\n      options.push({text: i.toString(), value: i.toString()});\n    }\n    if (this.maxValue != undefined && this.maxValue > this.maxValueDropdown) {\n      options.push({text: `${this.maxValueDropdown.toString()}+`, value: DROPDOWN_ITEM_PLUS_OPTION_VALUE})\n    }\n\n    this._dropdownOptions = options;\n  }\n\n  /** Handling dropdown changes (switch to input stepper if the plus option is selected in the dropdown). */\n  private onDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    if (event.detail.value === DROPDOWN_ITEM_PLUS_OPTION_VALUE) {\n      this._showDropdown = false;\n      this.value = (this.maxValueDropdown + this.step).toString();\n    } else {\n      this.value = event.detail.value;\n    }\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the minus button. */\n  private onInputMinusStepClick = () => {\n    if (Number(this.value) <= this.minValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) - this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the plus button. */\n  private onInputPlusStepClick = () => {\n    if (Number(this.value) >= this.maxValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) + this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    })\n  }\n\n  /** Handling manual value change of the stepper input. */\n  private onStepperInputChange = (event: CustomEvent<StzhInputChangeEvent>) => {\n    this.value = event.detail.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Making sure, that the value is rounded correctly according to the step  */\n  private roundToStep(input: number): number {\n    const decimals = Math.max(0, -Math.floor(Math.log10(this.step)));\n    const factor = Math.pow(10, decimals);\n    const rounded = Math.round(input / this.step) * this.step;\n    return Number((rounded * factor / factor).toFixed(decimals));\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"amount\");\n    }\n\n    this.amountId = `stzh-amount-${amountCounter++}`;\n\n    if (this._showDropdown) {\n      this.setDropdownOptions()\n    } else {\n      this.stepperInputId = `${this.amountId}-stepper-input`\n    }\n  }\n\n  private renderDropdown(): HTMLDivElement {\n    const classes = {\n      \"stzh-amount__dropdown\": true,\n      [`stzh-amount--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n    };\n    return (\n      <div class={classes}>\n        <stzh-dropdown\n          ref={(el) => (this.input = el as HTMLStzhDropdownElement)}\n          options={this._dropdownOptions}\n          items={[this.value]}\n          label={this.label}\n          labelHidden={this.labelHidden}\n          required={this.required}\n          disabled={this.disabled}\n          description={this.description}\n          descriptionLong={this.descriptionLong}\n          error={this.error}\n          invalid={this.invalid}\n          popoverPlacement={this.popoverPlacement}\n          a11yDescribedby={this.a11yDescribedby}\n          name={this.name}\n          size={this.size}\n          showMarker={this.showMarker}\n          onStzhChange={this.onDropdownChange}\n        ></stzh-dropdown>\n      </div>\n    );\n  }\n\n  private renderInputStepper(): HTMLDivElement {\n    return (\n      <div class=\"stzh-amount__stepper\">\n        <div class=\"stzh-amount__stepper-wrapper\">\n          <stzh-input\n            ref={(el) => (this.input = el as HTMLStzhInputElement)}\n            class=\"stzh-amount__stepper-input\"\n            value={this.value}\n            type=\"number\"\n            label={this.label}\n            labelHidden={this.labelHidden}\n            min={this.minValue}\n            max={this.maxValue}\n            error={this.error}\n            invalid={this.invalid}\n            required={this.required}\n            name={this.name}\n            id={this.stepperInputId}\n            size={this.size}\n            step={this.step}\n            showMarker={this.showMarker}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            clearable={this.clearable}\n            disabled={this.disabled}\n            a11yDescribedby={this.a11yDescribedby}\n            onStzhChange={this.onStepperInputChange}\n          ></stzh-input>\n          <stzh-buttongroup>\n            <stzh-button\n              class=\"stzh-amount__stepper-minus\"\n              onClick={this.onInputMinusStepClick}\n              variant=\"secondary\"\n              icon=\"minus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperMinusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) <= this.minValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n            <stzh-button\n              class=\"stzh-amount__stepper-plus\"\n              onClick={this.onInputPlusStepClick}\n              variant=\"secondary\"\n              icon=\"plus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperPlusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) >= this.maxValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n          </stzh-buttongroup>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-amount\": true,\n      \"stzh-amount--has-description\": !!this.description,\n      \"stzh-amount--has-description-long\": !!this.descriptionLong,\n      \"stzh-amount--has-error\": !!this.error,\n      \"stzh-amount--is-required\": !!this.required,\n      \"stzh-amount--is-disabled\": !!this.disabled\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes} id={this.amountId}>\n          {\n            this._showDropdown ?\n            this.renderDropdown()\n            :\n            this.renderInputStepper()\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{s as setPropsIfNull}from"./utils-51148d9a.js";var stzhAppnavCss=".sc-stzh-appnav-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-appnav-h{display:none}.sc-stzh-appnav-h *.sc-stzh-appnav,.sc-stzh-appnav-h *.sc-stzh-appnav::before,.sc-stzh-appnav-h *.sc-stzh-appnav::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-appnav-h{width:100%}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link{--text-decoration-line:none;--hover-text-decoration-line:none;letter-spacing:0.01em}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:row;flex-direction:row}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-xsmall)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__icon-wrapper{height:auto}}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>*:not(:last-child){margin-right:var(--stzh-space-xlarge)}}.stzh-appnav.sc-stzh-appnav{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);height:4rem;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (min-width: 600px){.stzh-appnav.sc-stzh-appnav{height:3rem;text-align:left}}.stzh-appnav__items.sc-stzh-appnav{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-appnav__items.sc-stzh-appnav{-ms-flex-positive:0;flex-grow:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}}.stzh-appnav__title.sc-stzh-appnav{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);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);color:var(--stzh-base-color);-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);display:none}@media screen and (min-width: 800px){.stzh-appnav__title.sc-stzh-appnav{display:-ms-flexbox;display:flex}}.stzh-appnav__title.sc-stzh-appnav:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-appnav__title.sc-stzh-appnav:hover .stzh-appnav__status.sc-stzh-appnav{border-color:rgba(7, 2, 80, 0.4)}.stzh-appnav__status.sc-stzh-appnav{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:0.875rem;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;border:0.0625rem solid rgba(115, 115, 115, 0.25);color:inherit;-webkit-transform:translateY(calc(var(--stzh-space-xsmall) * -1));transform:translateY(calc(var(--stzh-space-xsmall) * -1));margin-left:var(--stzh-space-xxsmall);-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}";var StzhAppnav=function(){function t(t){var s=this;registerInstance(this,t);this.init=function(){var t=s.element.querySelectorAll("stzh-link");t.forEach((function(t){setPropsIfNull(t,{size:"small",variant:"secondary"});t.setAttribute("role","listitem")}))};this.appTitle="";this.appStatus="";this.appHref="";this.appAnalyticsId=undefined}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-appnav"},h("div",{class:"stzh-appnav__items",role:"list"},h("slot",null)),this.appTitle&&h("a",{class:"stzh-appnav__title",href:this.appHref,"s-object-id":this.appAnalyticsId||this.appTitle},this.appTitle,this.appStatus&&h("span",{class:"stzh-appnav__status"},this.appStatus))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAppnav.style=stzhAppnavCss;export{StzhAppnav as stzh_appnav};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{s as setPropsIfNull}from"./utils-8f264f12.js";var stzhAppnavCss=".sc-stzh-appnav-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-appnav-h{display:none}.sc-stzh-appnav-h *.sc-stzh-appnav,.sc-stzh-appnav-h *.sc-stzh-appnav::before,.sc-stzh-appnav-h *.sc-stzh-appnav::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-appnav-h{width:100%}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link{--text-decoration-line:none;--hover-text-decoration-line:none;letter-spacing:0.01em}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:row;flex-direction:row}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-xsmall)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__icon-wrapper{height:auto}}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>*:not(:last-child){margin-right:var(--stzh-space-xlarge)}}.stzh-appnav.sc-stzh-appnav{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);height:4rem;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (min-width: 600px){.stzh-appnav.sc-stzh-appnav{height:3rem;text-align:left}}.stzh-appnav__items.sc-stzh-appnav{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-appnav__items.sc-stzh-appnav{-ms-flex-positive:0;flex-grow:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}}.stzh-appnav__title.sc-stzh-appnav{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);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);color:var(--stzh-base-color);-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);display:none}@media screen and (min-width: 800px){.stzh-appnav__title.sc-stzh-appnav{display:-ms-flexbox;display:flex}}.stzh-appnav__title.sc-stzh-appnav:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-appnav__title.sc-stzh-appnav:hover .stzh-appnav__status.sc-stzh-appnav{border-color:rgba(7, 2, 80, 0.4)}.stzh-appnav__status.sc-stzh-appnav{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:0.875rem;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;border:0.0625rem solid rgba(115, 115, 115, 0.25);color:inherit;-webkit-transform:translateY(calc(var(--stzh-space-xsmall) * -1));transform:translateY(calc(var(--stzh-space-xsmall) * -1));margin-left:var(--stzh-space-xxsmall);-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}";var StzhAppnav=function(){function t(t){var s=this;registerInstance(this,t);this.init=function(){var t=s.element.querySelectorAll("stzh-link");t.forEach((function(t){setPropsIfNull(t,{size:"small",variant:"secondary"});t.setAttribute("role","listitem")}))};this.appTitle="";this.appStatus="";this.appHref="";this.appAnalyticsId=undefined}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-appnav"},h("div",{class:"stzh-appnav__items",role:"list"},h("slot",null)),this.appTitle&&h("a",{class:"stzh-appnav__title",href:this.appHref,"s-object-id":this.appAnalyticsId||this.appTitle},this.appTitle,this.appStatus&&h("span",{class:"stzh-appnav__status"},this.appStatus))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAppnav.style=stzhAppnavCss;export{StzhAppnav as stzh_appnav};
 //# sourceMappingURL=stzh-appnav.entry.js.map

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

@@ -1,4 +1,4 @@
-var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{l(n.next(e))}catch(e){o(e)}}function a(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?i(e.value):r(e.value).then(s,a)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++){if(t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r]))i[n[r]]=e[n[r]]}return i};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};var _a,_b;import{r as registerInstance,c as createEvent,h as h$2,a as Host,g as getElement}from"./index-67fd55c9.js";import{h as hasSlot}from"./utils-51148d9a.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";
+var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{l(n.next(e))}catch(e){o(e)}}function a(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?i(e.value):r(e.value).then(s,a)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++){if(t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r]))i[n[r]]=e[n[r]]}return i};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};var _a,_b;import{r as registerInstance,c as createEvent,h as h$2,a as Host,g as getElement}from"./index-67fd55c9.js";import{h as hasSlot}from"./utils-8f264f12.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";
 /**
  * @license
  * Copyright 2017 Google LLC

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

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,o,e,s){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,r){function i(t){try{h(s.next(t))}catch(t){r(t)}}function a(t){try{h(s["throw"](t))}catch(t){r(t)}}function h(t){t.done?e(t.value):n(t.value).then(i,a)}h((s=s.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(o){return h([t,o])}}function h(a){if(s)throw new TypeError("Generator is already executing.");while(i&&(i=0,a[0]&&(e=0)),e)try{if(s=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;n=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){e.label=a[1];break}if(a[0]===6&&e.label<r[1]){e.label=r[1];r=a;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(a);break}if(r[2])e.ops.pop();e.trys.pop();continue}a=o.call(t,e)}catch(t){a=[6,t];n=0}finally{s=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,c as createEvent,F as Fragment,g as getElement}from"./index-67fd55c9.js";import{h as hasSlot}from"./utils-51148d9a.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhBadgeCss=".sc-stzh-badge-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-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::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-badge-h{--color:var(--stzh-color-white);--background-color:var(--stzh-base-color);display:-ms-inline-flexbox;display:inline-flex}[type=success].sc-stzh-badge-h{--background-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-badge-h{--color:var(--stzh-color-grey87);--background-color:var(--stzh-color-warning)}[type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error)}[type=info].sc-stzh-badge-h{--background-color:var(--stzh-color-zueriblue)}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--background-color);color:var(--color);text-transform:uppercase}.stzh-badge.sc-stzh-badge:empty{width:0.875rem;height:0.875rem;padding:0}";var StzhBadge=function(){function t(t){registerInstance(this,t);this.label="";this.type="default"}t.prototype.render=function(){var t;var o=(t={"stzh-badge":true},t["stzh-badge--type-".concat(this.type)]=!!this.type,t);return h(Host,null,h("div",{class:o},this.label))};return t}();StzhBadge.style=stzhBadgeCss;var stzhButtonCss='@charset "UTF-8";.sc-stzh-button-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-button-h{display:none}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::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-button-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-width:0.0625rem;--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-radius:var(--stzh-button-border-radius);--height:var(--stzh-form-input-height);--icon-size:var(--stzh-icon-size-small);--icon-text-margin:var(--stzh-space-small);--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--padding:calc(var(--stzh-space-xsmall) - 0.0625rem) var(--stzh-space-xlarge);--white-space:normal;--border-radius:var(--stzh-button-border-radius);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--floating-position:sticky;--floating-float:right;--floating-bottom:var(--stzh-space-medium);--floating-right:var(--stzh-space-medium);display:inline-block}@media screen and (min-width: 600px){.sc-stzh-button-h{--floating-bottom:var(--stzh-space-xlarge);--floating-right:var(--stzh-space-xlarge)}}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[rounded].sc-stzh-button-h:not([rounded=false]){--border-radius:var(--height)}[floating].sc-stzh-button-h:not([floating=false]){position:var(--floating-position);bottom:var(--floating-bottom);right:var(--floating-right);float:var(--floating-float)}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:calc(var(--stzh-space-xxsmall) - 0.0625rem) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white);--border-color:var(--stzh-color-primary60op)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]),[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=secondary],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=input],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);line-height:1.25;font-family:inherit;position:relative;z-index:0;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;border-style:solid;border-width:var(--border-width);border-color:var(--border-color);cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;width:100%;min-width:var(--height);min-height:var(--height);border-radius:var(--border-radius);text-align:left}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__vhidden.sc-stzh-button{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-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:var(--white-space);text-align:center}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-button__mark.sc-stzh-button{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed);width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__mark.sc-stzh-button::before{content:""}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey61)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:transparent}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-black8)}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--is-floating.sc-stzh-button{-webkit-box-shadow:var(--stzh-box-shadow-overlay);box-shadow:var(--stzh-box-shadow-overlay)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{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-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}';var StzhButton=function(){function t(t){var o=this;registerInstance(this,t);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.stzhChange=createEvent(this,"stzhChange",7);this.focusedByInput=false;this.onInput=function(t){o.checked=o.input.checked;o.stzhChange.emit({component:"stzh-button",originalEvent:t,value:o.value,checked:o.checked})};this.onRootFocus=function(){if(!o.focusedByInput){o.setFocus()}o.focusedByInput=false};this.onFocus=function(t){o.focusedByInput=true;var e=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(e);o.stzhFocus.emit({component:"stzh-button",originalEvent:t})};this.onBlur=function(t){var e=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(e);o.stzhBlur.emit({component:"stzh-button",originalEvent:t})};this.onClick=function(t){if(o.disabled){t.stopPropagation();t.preventDefault()}};this.localization=undefined;this.badge="";this.badgeType="default";this.badgePosition="button";this.badgeEmpty=false;this.fullwidth=false;this.rounded=false;this.floating=false;this.size="default";this.textAlign="default";this.variant="default";this.icon="";this.iconPosition="left";this.checked=false;this.name="";this.value="";this.href="";this.rel=undefined;this.target="";this.download=undefined;this.type="button";this.disabled=false;this.active=false;this.label="";this.effect="default";this.iconOnly=false;this.linkAccesskey=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.a11yExpanded=undefined;this.a11yDisabled=undefined;this.a11yControls=undefined;this.a11yTabindex=undefined;this.analyticsId=undefined}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus();return[2]}))}))};t.prototype.renderIcon=function(t){return h("div",{class:"stzh-button__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-button__icon",name:this.icon}):h("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&this.badgePosition==="icon"&&t&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType}))};t.prototype.renderContent=function(){var t=this;return h("div",{class:"stzh-button__text"},this.rel&&this.rel.includes("external")&&h("div",{class:"stzh-button__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&h("div",{class:"stzh-button__vhidden"},this.localization.$globals.downloadLinkLabel),h("div",{ref:function(o){return t.text=o}},this.label?this.label:h("slot",null)))};t.prototype.renderInner=function(t){return h(Fragment,null,h("div",{class:"stzh-button__inner",onClick:this.onClick},this.type==="radio"&&h("div",{class:"stzh-button__mark"},h("div",{class:"stzh-button__check"})),this.iconPosition==="left"&&this.renderIcon(t),this.renderContent(),this.iconPosition==="right"&&this.renderIcon(t)),(this.badge||this.badgeEmpty)&&(this.badgePosition==="button"||!t)&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType,onClick:this.onClick}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"button")];case 1:t.localization=o.sent();o.label=2;case 2:return[2]}}))}))};t.prototype.componentDidRender=function(){var t=this;requestAnimationFrame((function(){t.button.setAttribute("s-object-id",t.analyticsId||t.text.innerText)}))};t.prototype.render=function(){var t;var o=this;var e=hasSlot(this.element,"icon")||!!this.icon;var s=(t={"stzh-button":true,"stzh-button--has-icon":e,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-floating":this.floating,"stzh-button--is-rounded":this.rounded,"stzh-button--is-fullwidth":this.fullwidth,"stzh-button--is-disabled":this.disabled||this.a11yDisabled,"stzh-button--is-active":this.active},t["stzh-button--effect-".concat(this.effect)]=!!this.effect,t["stzh-button--badge-position-".concat(this.badgePosition)]=!!this.badgePosition,t["stzh-button--align-".concat(this.textAlign)]=!!this.textAlign,t["stzh-button--size-".concat(this.size)]=!!this.size,t["stzh-button--type-".concat(this.type)]=!!this.type,t["stzh-button--".concat(this.variant)]=!!this.variant,t);return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},this.href?h("a",{ref:function(t){return o.button=t},href:this.disabled?null:this.href,rel:this.rel,download:this.download,target:this.target,class:s,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(e)):this.type==="radio"?h("label",{ref:function(t){return o.button=t},class:s,onClick:this.onClick},h("input",{ref:function(t){return o.input=t},type:"radio",class:"stzh-button__input",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,onInput:this.onInput}),this.renderInner(e)):h("button",{ref:function(t){return o.button=t},class:s,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(e)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhButton.style=stzhButtonCss;var stzhIconCss=".sc-stzh-icon-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-icon-h{display:none}.sc-stzh-icon-h *.sc-stzh-icon,.sc-stzh-icon-h *.sc-stzh-icon::before,.sc-stzh-icon-h *.sc-stzh-icon::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-icon-h{--size:var(--stzh-icon-size-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:currentColor;vertical-align:text-top}.stzh-icon.sc-stzh-icon{width:var(--size);height:var(--size)}";var iconCounter=0;var StzhIcon=function(){function t(t){registerInstance(this,t);this.name="";this.a11yTitle=""}t.prototype.componentWillLoad=function(){this.iconId="stzh-icon-".concat(iconCounter++)};t.prototype.render=function(){return h(Host,null,this.name&&h("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation","aria-hidden":this.a11yTitle?null:"true",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?"".concat(this.iconId,"-title"):null},this.a11yTitle&&h("title",{id:"".concat(this.iconId,"-title")},this.a11yTitle),h("use",{href:"#stzh-icon-".concat(this.name)})))};return t}();StzhIcon.style=stzhIconCss;export{StzhBadge as stzh_badge,StzhButton as stzh_button,StzhIcon as stzh_icon};
+var __awaiter=this&&this.__awaiter||function(t,o,e,s){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,r){function i(t){try{h(s.next(t))}catch(t){r(t)}}function a(t){try{h(s["throw"](t))}catch(t){r(t)}}function h(t){t.done?e(t.value):n(t.value).then(i,a)}h((s=s.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(o){return h([t,o])}}function h(a){if(s)throw new TypeError("Generator is already executing.");while(i&&(i=0,a[0]&&(e=0)),e)try{if(s=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;n=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){e.label=a[1];break}if(a[0]===6&&e.label<r[1]){e.label=r[1];r=a;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(a);break}if(r[2])e.ops.pop();e.trys.pop();continue}a=o.call(t,e)}catch(t){a=[6,t];n=0}finally{s=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,c as createEvent,F as Fragment,g as getElement}from"./index-67fd55c9.js";import{h as hasSlot}from"./utils-8f264f12.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhBadgeCss=".sc-stzh-badge-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-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::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-badge-h{--color:var(--stzh-color-white);--background-color:var(--stzh-base-color);display:-ms-inline-flexbox;display:inline-flex}[type=success].sc-stzh-badge-h{--background-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-badge-h{--color:var(--stzh-color-grey87);--background-color:var(--stzh-color-warning)}[type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error)}[type=info].sc-stzh-badge-h{--background-color:var(--stzh-color-zueriblue)}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--background-color);color:var(--color);text-transform:uppercase}.stzh-badge.sc-stzh-badge:empty{width:0.875rem;height:0.875rem;padding:0}";var StzhBadge=function(){function t(t){registerInstance(this,t);this.label="";this.type="default"}t.prototype.render=function(){var t;var o=(t={"stzh-badge":true},t["stzh-badge--type-".concat(this.type)]=!!this.type,t);return h(Host,null,h("div",{class:o},this.label))};return t}();StzhBadge.style=stzhBadgeCss;var stzhButtonCss='@charset "UTF-8";.sc-stzh-button-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-button-h{display:none}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::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-button-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-width:0.0625rem;--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-radius:var(--stzh-button-border-radius);--height:var(--stzh-form-input-height);--icon-size:var(--stzh-icon-size-small);--icon-text-margin:var(--stzh-space-small);--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--padding:calc(var(--stzh-space-xsmall) - 0.0625rem) var(--stzh-space-xlarge);--white-space:normal;--border-radius:var(--stzh-button-border-radius);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--floating-position:sticky;--floating-float:right;--floating-bottom:var(--stzh-space-medium);--floating-right:var(--stzh-space-medium);display:inline-block}@media screen and (min-width: 600px){.sc-stzh-button-h{--floating-bottom:var(--stzh-space-xlarge);--floating-right:var(--stzh-space-xlarge)}}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[rounded].sc-stzh-button-h:not([rounded=false]){--border-radius:var(--height)}[floating].sc-stzh-button-h:not([floating=false]){position:var(--floating-position);bottom:var(--floating-bottom);right:var(--floating-right);float:var(--floating-float)}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:calc(var(--stzh-space-xxsmall) - 0.0625rem) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white);--border-color:var(--stzh-color-primary60op)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]),[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=secondary],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=input],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);line-height:1.25;font-family:inherit;position:relative;z-index:0;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;border-style:solid;border-width:var(--border-width);border-color:var(--border-color);cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;width:100%;min-width:var(--height);min-height:var(--height);border-radius:var(--border-radius);text-align:left}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__vhidden.sc-stzh-button{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-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:var(--white-space);text-align:center}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-button__mark.sc-stzh-button{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed);width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__mark.sc-stzh-button::before{content:""}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey61)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:transparent}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-black8)}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--is-floating.sc-stzh-button{-webkit-box-shadow:var(--stzh-box-shadow-overlay);box-shadow:var(--stzh-box-shadow-overlay)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{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-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}';var StzhButton=function(){function t(t){var o=this;registerInstance(this,t);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.stzhChange=createEvent(this,"stzhChange",7);this.focusedByInput=false;this.onInput=function(t){o.checked=o.input.checked;o.stzhChange.emit({component:"stzh-button",originalEvent:t,value:o.value,checked:o.checked})};this.onRootFocus=function(){if(!o.focusedByInput){o.setFocus()}o.focusedByInput=false};this.onFocus=function(t){o.focusedByInput=true;var e=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(e);o.stzhFocus.emit({component:"stzh-button",originalEvent:t})};this.onBlur=function(t){var e=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(e);o.stzhBlur.emit({component:"stzh-button",originalEvent:t})};this.onClick=function(t){if(o.disabled){t.stopPropagation();t.preventDefault()}};this.localization=undefined;this.badge="";this.badgeType="default";this.badgePosition="button";this.badgeEmpty=false;this.fullwidth=false;this.rounded=false;this.floating=false;this.size="default";this.textAlign="default";this.variant="default";this.icon="";this.iconPosition="left";this.checked=false;this.name="";this.value="";this.href="";this.rel=undefined;this.target="";this.download=undefined;this.type="button";this.disabled=false;this.active=false;this.label="";this.effect="default";this.iconOnly=false;this.linkAccesskey=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.a11yExpanded=undefined;this.a11yDisabled=undefined;this.a11yControls=undefined;this.a11yTabindex=undefined;this.analyticsId=undefined}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus();return[2]}))}))};t.prototype.renderIcon=function(t){return h("div",{class:"stzh-button__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-button__icon",name:this.icon}):h("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&this.badgePosition==="icon"&&t&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType}))};t.prototype.renderContent=function(){var t=this;return h("div",{class:"stzh-button__text"},this.rel&&this.rel.includes("external")&&h("div",{class:"stzh-button__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&h("div",{class:"stzh-button__vhidden"},this.localization.$globals.downloadLinkLabel),h("div",{ref:function(o){return t.text=o}},this.label?this.label:h("slot",null)))};t.prototype.renderInner=function(t){return h(Fragment,null,h("div",{class:"stzh-button__inner",onClick:this.onClick},this.type==="radio"&&h("div",{class:"stzh-button__mark"},h("div",{class:"stzh-button__check"})),this.iconPosition==="left"&&this.renderIcon(t),this.renderContent(),this.iconPosition==="right"&&this.renderIcon(t)),(this.badge||this.badgeEmpty)&&(this.badgePosition==="button"||!t)&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType,onClick:this.onClick}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"button")];case 1:t.localization=o.sent();o.label=2;case 2:return[2]}}))}))};t.prototype.componentDidRender=function(){var t=this;requestAnimationFrame((function(){t.button.setAttribute("s-object-id",t.analyticsId||t.text.innerText)}))};t.prototype.render=function(){var t;var o=this;var e=hasSlot(this.element,"icon")||!!this.icon;var s=(t={"stzh-button":true,"stzh-button--has-icon":e,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-floating":this.floating,"stzh-button--is-rounded":this.rounded,"stzh-button--is-fullwidth":this.fullwidth,"stzh-button--is-disabled":this.disabled||this.a11yDisabled,"stzh-button--is-active":this.active},t["stzh-button--effect-".concat(this.effect)]=!!this.effect,t["stzh-button--badge-position-".concat(this.badgePosition)]=!!this.badgePosition,t["stzh-button--align-".concat(this.textAlign)]=!!this.textAlign,t["stzh-button--size-".concat(this.size)]=!!this.size,t["stzh-button--type-".concat(this.type)]=!!this.type,t["stzh-button--".concat(this.variant)]=!!this.variant,t);return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},this.href?h("a",{ref:function(t){return o.button=t},href:this.disabled?null:this.href,rel:this.rel,download:this.download,target:this.target,class:s,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(e)):this.type==="radio"?h("label",{ref:function(t){return o.button=t},class:s,onClick:this.onClick},h("input",{ref:function(t){return o.input=t},type:"radio",class:"stzh-button__input",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,onInput:this.onInput}),this.renderInner(e)):h("button",{ref:function(t){return o.button=t},class:s,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls,accessKey:this.linkAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(e)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhButton.style=stzhButtonCss;var stzhIconCss=".sc-stzh-icon-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-icon-h{display:none}.sc-stzh-icon-h *.sc-stzh-icon,.sc-stzh-icon-h *.sc-stzh-icon::before,.sc-stzh-icon-h *.sc-stzh-icon::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-icon-h{--size:var(--stzh-icon-size-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:currentColor;vertical-align:text-top}.stzh-icon.sc-stzh-icon{width:var(--size);height:var(--size)}";var iconCounter=0;var StzhIcon=function(){function t(t){registerInstance(this,t);this.name="";this.a11yTitle=""}t.prototype.componentWillLoad=function(){this.iconId="stzh-icon-".concat(iconCounter++)};t.prototype.render=function(){return h(Host,null,this.name&&h("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation","aria-hidden":this.a11yTitle?null:"true",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?"".concat(this.iconId,"-title"):null},this.a11yTitle&&h("title",{id:"".concat(this.iconId,"-title")},this.a11yTitle),h("use",{href:"#stzh-icon-".concat(this.name)})))};return t}();StzhIcon.style=stzhIconCss;export{StzhBadge as stzh_badge,StzhButton as stzh_button,StzhIcon as stzh_icon};
 //# sourceMappingURL=stzh-badge_3.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-67fd55c9.js";var stzhButtongroupCss=".sc-stzh-buttongroup-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-buttongroup-h{display:none}.sc-stzh-buttongroup-h *.sc-stzh-buttongroup,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::before,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::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-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:first-child{--border-radius:var(--stzh-button-border-radius) 0px 0px var(--stzh-button-border-radius);--border-width:0.0625rem 0px 0.0625rem 0.0625rem}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:last-child{--border-radius:0px var(--stzh-button-border-radius) var(--stzh-button-border-radius) 0px;--border-width:0.0625rem 0.0625rem 0.0625rem 0px}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:first-child:last-child{--border-width:0.0625rem;--border-radius:var(--stzh-button-border-radius)}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:first-child+stzh-button:last-child{--border-width:0.0625rem}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:not(:first-child):not(:last-child){--border-radius:0px}.stzh-buttongroup.sc-stzh-buttongroup{display:-ms-flexbox;display:flex}";var StzhButtongroup=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t={"stzh-buttongroup":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhButtongroup.style=stzhButtongroupCss;export{StzhButtongroup as stzh_buttongroup};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-67fd55c9.js";var stzhButtongroupCss=".sc-stzh-buttongroup-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-buttongroup-h{display:none}.sc-stzh-buttongroup-h *.sc-stzh-buttongroup,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::before,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::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-buttongroup-h .sc-stzh-buttongroup-s>stzh-button{z-index:1;margin-right:-0.0625rem}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button[a11y-disabled]:not([a11y-disabled=false]){z-index:0}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:first-child{--border-radius:var(--stzh-button-border-radius) 0px 0px var(--stzh-button-border-radius)}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:last-child{--border-radius:0px var(--stzh-button-border-radius) var(--stzh-button-border-radius) 0px;margin-right:0}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:first-child:last-child{--border-radius:var(--stzh-button-border-radius);margin:0}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:not(:first-child):not(:last-child){--border-radius:0px}.stzh-buttongroup.sc-stzh-buttongroup{position:relative;z-index:auto;display:-ms-flexbox;display:flex}";var StzhButtongroup=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t={"stzh-buttongroup":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhButtongroup.style=stzhButtongroupCss;export{StzhButtongroup as stzh_buttongroup};
 //# sourceMappingURL=stzh-buttongroup.entry.js.map

package/dist/esm-es5/stzh-buttongroup.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhButtongroupCss","StzhButtongroup","prototype","render","classes","h","Host","class"],"sources":["src/components/stzh-buttongroup/stzh-buttongroup.scss?tag=stzh-buttongroup&encapsulation=scoped","src/components/stzh-buttongroup/stzh-buttongroup.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-button) {\n    &:first-child {\n      --border-radius: #{$buttonBorderRadius 0px 0px $buttonBorderRadius};\n      --border-width: 1px 0px 1px 1px;\n    }\n\n    &:last-child {\n      --border-radius: #{0px $buttonBorderRadius $buttonBorderRadius 0px};\n      --border-width: 1px 1px 1px 0px;\n    }\n\n    // only one button\n    &:first-child:last-child {\n      --border-width: 1px;\n      --border-radius: #{$buttonBorderRadius};\n    }\n\n    // when only two buttons\n    &:first-child + stzh-button:last-child {\n      --border-width: 1px;\n    }\n\n    // buttons in the middle\n    &:not(:first-child):not(:last-child) {\n      --border-radius: 0px;\n    }\n  }\n}\n\n.stzh-buttongroup {\n  display: flex;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for buttons\n */\n@Component({\n  tag: \"stzh-buttongroup\",\n  styleUrl: \"stzh-buttongroup.scss\",\n  scoped: true\n})\nexport class StzhButtongroup {\n  @Element() element: HTMLStzhButtongroupElement;\n\n  render() {\n    const classes = {\n      \"stzh-buttongroup\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mFAAA,IAAMA,mBAAqB,q8C,ICedC,gBAAe,W,uCAG1BA,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAU,CACd,mBAAoB,MAGtB,OACEC,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,qIAXkB,G"}
+{"version":3,"names":["stzhButtongroupCss","StzhButtongroup","prototype","render","classes","h","Host","class"],"sources":["src/components/stzh-buttongroup/stzh-buttongroup.scss?tag=stzh-buttongroup&encapsulation=scoped","src/components/stzh-buttongroup/stzh-buttongroup.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-button) {\n    z-index: 1;\n    margin-right: -1px;\n\n    &[a11y-disabled]:not([a11y-disabled=\"false\"]) {\n      z-index: 0;\n    }\n\n    &:first-child {\n      --border-radius: #{$buttonBorderRadius 0px 0px $buttonBorderRadius};\n      // --border-width: 1px 0px 1px 1px;\n    }\n\n    &:last-child {\n      --border-radius: #{0px $buttonBorderRadius $buttonBorderRadius 0px};\n      // --border-width: 1px 1px 1px 0px;\n      margin-right: 0;\n    }\n\n    // only one button\n    &:first-child:last-child {\n      // --border-width: 1px;\n      --border-radius: #{$buttonBorderRadius};\n      margin: 0;\n    }\n\n    // when only two buttons\n    &:first-child + stzh-button:last-child {\n      // --border-width: 1px;\n    }\n\n    // buttons in the middle\n    &:not(:first-child):not(:last-child) {\n      --border-radius: 0px;\n    }\n  }\n}\n\n.stzh-buttongroup {\n  position: relative;\n  z-index: auto;\n  display: flex;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for buttons\n */\n@Component({\n  tag: \"stzh-buttongroup\",\n  styleUrl: \"stzh-buttongroup.scss\",\n  scoped: true\n})\nexport class StzhButtongroup {\n  @Element() element: HTMLStzhButtongroupElement;\n\n  render() {\n    const classes = {\n      \"stzh-buttongroup\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mFAAA,IAAMA,mBAAqB,q9C,ICedC,gBAAe,W,uCAG1BA,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAU,CACd,mBAAoB,MAGtB,OACEC,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,qIAXkB,G"}

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

@@ -1,2 +1,2 @@
-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(e){o(e)}}function l(e){try{n(i["throw"](e))}catch(e){o(e)}}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(e){l=[6,e];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,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.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:2rem}}@media screen and (min-width: 1024px){.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: 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};
+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(e){o(e)}}function l(e){try{n(i["throw"](e))}catch(e){o(e)}}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(e){l=[6,e];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,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{i as isStzhElement}from"./utils-8f264f12.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:2rem}}@media screen and (min-width: 1024px){.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: 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};
 //# sourceMappingURL=stzh-carousel.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,a as Host}from"./index-67fd55c9.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};
+import{r as registerInstance,h,a as Host}from"./index-67fd55c9.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([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};
 //# sourceMappingURL=stzh-cell.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["stzhCellCss","StzhCell","prototype","render","h","Host","class"],"sources":["src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","src/components/stzh-cell/stzh-cell.tsx"],"sourcesContent":[":host {\n  @include clearfix;\n\n  // couldn't use cell-span and calcuate the with with css calc\n  // since IE was calculating the width wrongly with certain viewport widths\n  // so calculating it with sass and using the width directly\n  --cell-width: 100%;\n\n  max-width: 100%;\n  width: var(--cell-width);\n  flex-basis: var(--cell-width);\n  flex-shrink: 0;\n}\n\n/* Justify self variants */\n\n:host([justify-self=\"start\"]) {\n  justify-self: flex-start;\n}\n\n:host([justify-self=\"end\"]) {\n  justify-self: flex-end;\n}\n\n:host([justify-self=\"center\"]) {\n  justify-self: center;\n}\n\n:host([justify-self=\"between\"]) {\n  justify-self: space-between;\n}\n\n:host([justify-self=\"around\"]) {\n  justify-self: space-around;\n}\n\n:host([justify-self=\"evenly\"]) {\n  justify-self: space-evenly;\n}\n\n/* Align self variants */\n\n:host([align-self=\"start\"]) {\n  align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n  align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n  align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n  align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n  align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"]) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"]) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n  height: 100%;\n  padding-left: calc(#{$gridGutter} / 2);\n  padding-right: calc(#{$gridGutter} / 2);\n\n  @include mq($from: small) {\n    padding-left: calc(#{$gridGutterSmall} / 2);\n    padding-right: calc(#{$gridGutterSmall} / 2);\n  }\n\n  @include mq($from: medium) {\n    padding-left: calc(#{$gridGutterMedium} / 2);\n    padding-right: calc(#{$gridGutterMedium} / 2);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-cell\",\n  styleUrl: \"stzh-cell.scss\",\n  shadow: true\n})\nexport class StzhCell {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justifySelf: Layout.JustifySelf = \"auto\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-cell\": true\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,YAAc,i8O,ICiBPC,SAAQ,W,iDAEI,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,iBAG+B,O,eAGJ,M,CAEvDA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,KACHD,EAAA,OACEE,MAAO,CACL,YAAa,OAGfF,EAAA,c,WA1BW,G"}
+{"version":3,"names":["stzhCellCss","StzhCell","prototype","render","h","Host","class"],"sources":["src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","src/components/stzh-cell/stzh-cell.tsx"],"sourcesContent":[":host {\n  // couldn't use cell-span and calcuate the with with css calc\n  // since IE was calculating the width wrongly with certain viewport widths\n  // so calculating it with sass and using the width directly\n  --cell-width: 100%;\n\n  max-width: 100%;\n  width: var(--cell-width);\n  flex-basis: var(--cell-width);\n  flex-shrink: 0;\n}\n\n/* Justify self variants */\n\n:host([justify-self=\"start\"]) {\n  justify-self: flex-start;\n}\n\n:host([justify-self=\"end\"]) {\n  justify-self: flex-end;\n}\n\n:host([justify-self=\"center\"]) {\n  justify-self: center;\n}\n\n:host([justify-self=\"between\"]) {\n  justify-self: space-between;\n}\n\n:host([justify-self=\"around\"]) {\n  justify-self: space-around;\n}\n\n:host([justify-self=\"evenly\"]) {\n  justify-self: space-evenly;\n}\n\n/* Align self variants */\n\n:host([align-self=\"start\"]) {\n  align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n  align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n  align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n  align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n  align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"]) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"]) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n  height: 100%;\n  padding-left: calc(#{$gridGutter} / 2);\n  padding-right: calc(#{$gridGutter} / 2);\n\n  @include mq($from: small) {\n    padding-left: calc(#{$gridGutterSmall} / 2);\n    padding-right: calc(#{$gridGutterSmall} / 2);\n  }\n\n  @include mq($from: medium) {\n    padding-left: calc(#{$gridGutterMedium} / 2);\n    padding-right: calc(#{$gridGutterMedium} / 2);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-cell\",\n  styleUrl: \"stzh-cell.scss\",\n  shadow: true\n})\nexport class StzhCell {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justifySelf: Layout.JustifySelf = \"auto\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-cell\": true\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,YAAc,g5O,ICiBPC,SAAQ,W,iDAEI,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,iBAG+B,O,eAGJ,M,CAEvDA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,KACHD,EAAA,OACEE,MAAO,CACL,YAAa,OAGfF,EAAA,c,WA1BW,G"}