@oiz/stzh-components 3.0.0-beta3 → 3.0.0-beta4

package/dist/stzh-components/p-18015613.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as t,F as s,a as i,g as h}from"./p-c7bfac7a.js";const c='.sc-stzh-chip-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-chip-h{display:none}.sc-stzh-chip-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-chip-h .has-focus.sc-stzh-chip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip{outline-style:none !important}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip::-moz-focus-inner{border:0 !important}.sc-stzh-chip-h{--color:var(--stzh-chip-color, var(--stzh-color-primary70));--height:2rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--border-radius:1rem;--remove-color:var(--color);--remove-border-radius:1.5rem;--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--icon-size:var(--stzh-icon-size-xsmall);--icon-color:var(--color);--icon-gap:var(--stzh-space-xsmall);--counter-color:var(--color);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(--stzh-chip-hover-background-color, var(--stzh-color-secondary40));--hover-remove-color:var(--hover-color);--hover-remove-background-color:var(--stzh-color-primary30);--hover-icon-color:var(--hover-color);--hover-counter-color:var(--hover-color);display:inline-flex}@media (forced-colors: active), (-ms-high-contrast: active){.sc-stzh-chip-h{--hover-color:Highlight;--hover-background-color:Canvas;--hover-remove-background-color:Canvas}}[size=large].sc-stzh-chip-h{--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-xlarge);--padding-right:var(--stzh-space-xlarge)}[size=small].sc-stzh-chip-h{--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small)}[variant=input].sc-stzh-chip-h{--background-color:var(--stzh-color-primary10);--hover-color:var(--stzh-color-primary90);--hover-background-color:var(--stzh-color-primary20)}[variant=tag].sc-stzh-chip-h{--color:var(--stzh-color-grey90);--background-color:var(--stzh-color-grey20);--hover-color:var(--stzh-color-grey90);--hover-background-color:var(--stzh-color-grey20)}[variant=input].sc-stzh-chip-h:where([size="small"]){--icon-gap:var(--stzh-space-xxsmall)}[variant=tag].sc-stzh-chip-h:where([size="small"]){--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--icon-gap:var(--stzh-space-xxsmall)}[variant=tag].sc-stzh-chip-h:where([type="warning"]){--color:var(--stzh-color-warning90);--hover-color:var(--stzh-color-warning90)}[variant=tag].sc-stzh-chip-h:where([type="error"]){--color:var(--stzh-color-error70);--hover-color:var(--stzh-color-error70)}[variant=tag].sc-stzh-chip-h:where([type="success"]){--color:var(--stzh-color-success70);--hover-color:var(--stzh-color-success70)}[variant=tag].sc-stzh-chip-h:where([inverted]:not([inverted="false"])){--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey90);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-grey90)}[variant=tag].sc-stzh-chip-h:where([type="warning"][inverted]:not([inverted="false"])){--color:var(--stzh-color-black);--background-color:var(--stzh-color-warning60);--hover-color:var(--stzh-color-black);--hover-background-color:var(--stzh-color-warning60)}[variant=tag].sc-stzh-chip-h:where([type="error"][inverted]:not([inverted="false"])){--background-color:var(--stzh-color-error70);--hover-background-color:var(--stzh-color-error70)}[variant=tag].sc-stzh-chip-h:where([type="success"][inverted]:not([inverted="false"])){--background-color:var(--stzh-color-success70);--hover-background-color:var(--stzh-color-success70)}[active].sc-stzh-chip-h:not([active=false]){--color:var(--stzh-chip-active-color, var(--stzh-color-white));--background-color:var(--stzh-chip-active-background-color, var(--stzh-color-primary70));--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(--stzh-chip-active-hover-background-color, var(--stzh-color-primary90));--hover-remove-background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){[active].sc-stzh-chip-h:not([active=false]){--color:Highlight;--background-color:Canvas;--hover-color:Highlight;--hover-background-color:Canvas;--hover-remove-background-color:Canvas}}[non-interactive].sc-stzh-chip-h:not([non-interactive=false]){--hover-color:var(--color);--hover-background-color:var(--background-color);--hover-remove-color:var(--remove-color);--hover-remove-background-color:transparent;--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[disabled].sc-stzh-chip-h:not([disabled=false]){--color:var(--stzh-chip-disabled-color, var(--stzh-color-grey70));--background-color:var(--stzh-chip-disabled-background-color, var(--stzh-color-grey20));--remove-color:var(--color);--icon-color:var(--color);--counter-color:var(--color);--hover-color:var(--color);--hover-background-color:var(--background-color);--hover-remove-color:var(--remove-color);--hover-remove-background-color:transparent;--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[variant=input][disabled].sc-stzh-chip-h:not([disabled=false]){--background-color:var(--stzh-color-grey10)}.stzh-chip.sc-stzh-chip{position:relative}.stzh-chip__vhidden.sc-stzh-chip{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);font-family:inherit;height:var(--height);display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);color:var(--color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-chip__button.is-button.sc-stzh-chip,.stzh-chip__button.is-link.sc-stzh-chip{cursor:pointer}.stzh-chip__label.sc-stzh-chip{text-align:left}.stzh-chip__icon-wrapper.sc-stzh-chip{--stzh-icon-size:var(--icon-size);display:flex;color:var(--icon-color);transition:color var(--stzh-base-transition-animation-speed);flex-shrink:0}.stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--icon-gap)}.stzh-chip__counter.sc-stzh-chip{display:flex;font-variant-numeric:tabular-nums;margin-left:var(--counter-gap);color:var(--counter-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-chip__remove.sc-stzh-chip{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:0;width:var(--height);height:var(--height);border-radius:var(--remove-border-radius);display:flex;justify-content:center;align-items:center;margin-left:var(--stzh-space-xxsmall);color:var(--remove-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color;cursor:pointer}.stzh-chip__remove.sc-stzh-chip:hover{color:var(--hover-remove-color);background-color:var(--hover-remove-background-color)}.stzh-chip__remove-icon.sc-stzh-chip{--size:var(--stzh-icon-size-xxsmall)}.stzh-chip__button.sc-stzh-chip:hover,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__counter.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__counter.sc-stzh-chip{color:var(--hover-counter-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__icon-wrapper.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__icon-wrapper.sc-stzh-chip{color:var(--hover-icon-color)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chip--is-removable.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{padding-right:calc(var(--height) + var(--stzh-space-xxsmall))}.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__button.sc-stzh-chip,.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__remove.sc-stzh-chip{cursor:not-allowed}';const e=class{constructor(t){o(this,t);this.stzhClick=r(this,"stzhClick",7);this.stzhRemove=r(this,"stzhRemove",7);this.stzhFocus=r(this,"stzhFocus",7);this.stzhBlur=r(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.chip.focus()}this.focusedByInput=false};this.onFocus=o=>{this.focusedByInput=true;const r=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(r);this.stzhFocus.emit({component:"stzh-chip",originalEvent:o})};this.onBlur=o=>{const r=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(r);this.stzhBlur.emit({component:"stzh-chip",originalEvent:o})};this.onClick=o=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:o})};this.onRemoveClick=o=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:o})};this.label="";this.icon=undefined;this.href="";this.target="";this.nonInteractive=false;this.removable=false;this.inverted=false;this.variant="tag";this.size="default";this.type="default";this.counter="";this.removeLabel="";this.active=false;this.disabled=false;this.a11yTabindex=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.analyticsId=undefined;this.removeAnalyticsId=undefined}componentDidRender(){requestAnimationFrame((()=>{var o;(o=this.chip)===null||o===void 0?void 0:o.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}renderInner(){return t(s,null,t("div",{class:"stzh-chip__icon-wrapper"},this.icon||typeof this.icon==="undefined"&&this.variant==="tag"&&this.type!=="default"?t("stzh-icon",{class:"stzh-chip__icon",name:this.icon||this.type==="info"&&"info-help"||this.type==="warning"&&"important-warning"||this.type==="error"&&"warning"||this.type==="success"&&"checkmark-circle"}):t("slot",{name:"icon"})),t("stzh-clamp",{lines:1,class:"stzh-chip__label",ref:o=>this.text=o},this.label?this.label:t("slot",null),this.counter&&t("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&t("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const o={"stzh-chip":true,"stzh-chip--is-active":this.active,"stzh-chip--is-disabled":this.disabled,"stzh-chip--is-removable":this.removable,"stzh-chip--is-inverted":this.inverted,"stzh-chip--has-counter":!!this.counter,[`stzh-chip--type-${this.type}`]:!!this.type,[`stzh-chip--size-${this.size}`]:!!this.size,[`stzh-chip--${this.variant}`]:!!this.variant};const r=this.nonInteractive?"div":this.href?"a":"button";return t(i,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},t("div",{class:o},this.removable&&t("button",{class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button","s-object-id":this.removeAnalyticsId||this.removeLabel},t("stzh-icon",{class:"stzh-chip__remove-icon",name:"close-big"})),this.href?t(r,{ref:o=>this.chip=o,class:{"stzh-chip__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner()):t(r,{ref:o=>this.chip=o,class:{"stzh-chip__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))}get element(){return h(this)}};e.style=c;export{e as stzh_chip};
-//# sourceMappingURL=p-18015613.entry.js.map

package/dist/stzh-components/p-18015613.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhChipCss","StzhChip","this","focusedByInput","onRootFocus","chip","focus","onFocus","event","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","emit","component","originalEvent","onBlur","blurEvent","stzhBlur","onClick","stzhClick","onRemoveClick","stzhRemove","componentDidRender","requestAnimationFrame","_a","setAttribute","analyticsId","text","innerText","renderInner","h","Fragment","class","icon","variant","type","name","lines","ref","el","label","counter","render","classes","active","disabled","removable","inverted","size","Chip","nonInteractive","href","Host","tabindex","removeLabel","removeAnalyticsId","target","a11yTabindex","a11yLabel","a11yDescribedby"],"sources":["src/components/stzh-chip/stzh-chip.scss?tag=stzh-chip&encapsulation=scoped","src/components/stzh-chip/stzh-chip.tsx"],"sourcesContent":[":host {\n  --color: var(--stzh-chip-color, #{$colorPrimary70});\n  --height: 32px;\n  --padding-top: 0;\n  --padding-bottom: 0;\n  --padding-left: #{space('medium')};\n  --padding-right: #{space('medium')};\n  --border-radius: 16px;\n  --remove-color: var(--color);\n  --remove-border-radius: 24px;\n  --background-color: var(--stzh-chip-background-color, #{$colorSecondary30});\n  --icon-size: #{iconSize('xsmall')};\n  --icon-color: var(--color);\n  --icon-gap: #{space('xsmall')};\n  --counter-color: var(--color);\n  --counter-gap: #{space('xsmall')};\n\n  --hover-color: var(--stzh-chip-hover-color, #{$colorPrimary70});\n  --hover-background-color: var(--stzh-chip-hover-background-color, #{$colorSecondary40});\n  --hover-remove-color: var(--hover-color);\n  --hover-remove-background-color: #{$colorPrimary30};\n  --hover-icon-color: var(--hover-color);\n  --hover-counter-color: var(--hover-color);\n\n  display: inline-flex;\n\n  @include highContrast() {\n    --hover-color: Highlight;\n    --hover-background-color: Canvas;\n    --hover-remove-background-color: Canvas;\n  }\n\n  &[size=\"large\"] {\n    --height: 40px;\n    --border-radius: 20px;\n    --padding-left: #{space('xlarge')};\n    --padding-right: #{space('xlarge')};\n  }\n\n  &[size=\"small\"] {\n    --height: 24px;\n    --border-radius: 12px;\n    --padding-left: #{space('small')};\n    --padding-right: #{space('small')};\n  }\n\n  &[variant=\"input\"] {\n    --background-color: #{$colorPrimary10};\n\n    --hover-color: #{$colorPrimary90};\n    --hover-background-color: #{$colorPrimary20};\n  }\n\n  &[variant=\"tag\"] {\n    --color: #{$colorGrey90};\n    --background-color: #{$colorGrey20};\n\n    --hover-color: #{$colorGrey90};\n    --hover-background-color: #{$colorGrey20};\n  }\n\n  &[variant=\"input\"]:where([size=\"small\"]) {\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"tag\"]:where([size=\"small\"]) {\n    --padding-left: #{space('xsmall')};\n    --padding-right: #{space('xsmall')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"tag\"]:where([type=\"warning\"]) {\n    --color: #{$colorWarning90};\n\n    --hover-color: #{$colorWarning90};\n  }\n\n  &[variant=\"tag\"]:where([type=\"error\"]) {\n    --color: #{$colorError70};\n\n    --hover-color: #{$colorError70};\n  }\n\n  &[variant=\"tag\"]:where([type=\"success\"]) {\n    --color: #{$colorSuccess70};\n\n    --hover-color: #{$colorSuccess70};\n  }\n\n  &[variant=\"tag\"]:where([inverted]:not([inverted=\"false\"])) {\n    --color: #{$colorWhite};\n    --background-color: #{$colorGrey90};\n\n    --hover-color: #{$colorWhite};\n    --hover-background-color: #{$colorGrey90};\n  }\n\n  &[variant=\"tag\"]:where([type=\"warning\"][inverted]:not([inverted=\"false\"])) {\n    --color: #{$colorBlack};\n    --background-color: #{$colorWarning60};\n\n    --hover-color: #{$colorBlack};\n    --hover-background-color: #{$colorWarning60};\n  }\n\n  &[variant=\"tag\"]:where([type=\"error\"][inverted]:not([inverted=\"false\"])) {\n    --background-color: #{$colorError70};\n\n    --hover-background-color: #{$colorError70};\n  }\n\n  &[variant=\"tag\"]:where([type=\"success\"][inverted]:not([inverted=\"false\"])) {\n    --background-color: #{$colorSuccess70};\n\n    --hover-background-color: #{$colorSuccess70};\n  }\n\n  &[active]:not([active=\"false\"]) {\n    --color: var(--stzh-chip-active-color, #{$colorWhite});\n    --background-color: var(--stzh-chip-active-background-color, #{$colorPrimary70});\n\n    --hover-color: var(--stzh-chip-active-hover-color, #{$colorWhite});\n    --hover-background-color: var(--stzh-chip-active-hover-background-color, #{$colorPrimary90});\n    --hover-remove-background-color: #{$colorPrimary90};\n\n    @include highContrast() {\n      --color: Highlight;\n      --background-color: Canvas;\n\n      --hover-color: Highlight;\n      --hover-background-color: Canvas;\n      --hover-remove-background-color: Canvas;\n    }\n  }\n\n  &[non-interactive]:not([non-interactive=\"false\"]) {\n    --hover-color: var(--color);\n    --hover-background-color: var(--background-color);\n    --hover-remove-color: var(--remove-color);\n    --hover-remove-background-color: transparent;\n    --hover-icon-color: var(--icon-color);\n    --hover-counter-color: var(--counter-color);\n  }\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: var(--stzh-chip-disabled-color, #{$colorGrey70});\n    --background-color: var(--stzh-chip-disabled-background-color, #{$colorGrey20});\n    --remove-color: var(--color);\n    --icon-color: var(--color);\n    --counter-color: var(--color);\n\n    --hover-color: var(--color);\n    --hover-background-color: var(--background-color);\n    --hover-remove-color: var(--remove-color);\n    --hover-remove-background-color: transparent;\n    --hover-icon-color: var(--icon-color);\n    --hover-counter-color: var(--counter-color);\n  }\n\n  &[variant=\"input\"][disabled]:not([disabled=\"false\"]) {\n    --background-color: #{$colorGrey10};\n  }\n}\n\n.stzh-chip {\n  position: relative;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__button {\n    @include fontSize('micro');\n    font-family: inherit;\n    height: var(--height);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    border-radius: var(--border-radius);\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    color: var(--color);\n    appearance: none;\n    border: none;\n    background-color: var(--background-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__label {\n    text-align: left;\n  }\n\n  &__icon-wrapper {\n    --stzh-icon-size: var(--icon-size);\n\n    display: flex;\n    color: var(--icon-color);\n    transition: color $baseTransitionAnimationSpeed;\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      margin-right: var(--icon-gap);\n    }\n  }\n\n  &__counter {\n    display: flex;\n    font-variant-numeric: tabular-nums;\n    margin-left: var(--counter-gap);\n    color: var(--counter-color);\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__remove {\n    position: absolute;\n    top: 0;\n    right: 0;\n    appearance: none;\n    font-family: inherit;\n    border: none;\n    background: none;\n    padding: 0;\n    width: var(--height);\n    height: var(--height);\n    border-radius: var(--remove-border-radius);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: space('xxsmall');\n    color: var(--remove-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    cursor: pointer;\n\n    &:hover {\n      color: var(--hover-remove-color);\n      background-color: var(--hover-remove-background-color);\n    }\n  }\n\n  &__remove-icon {\n    --size: #{iconSize('xxsmall')};\n  }\n\n  &__button:hover,\n  &__remove:hover + &__button {\n    color: var(--hover-color);\n    background-color: var(--hover-background-color);\n  }\n\n  &__button:hover &__counter,\n  &__remove:hover + &__button &__counter {\n    color: var(--hover-counter-color);\n  }\n\n  &__button:hover &__icon-wrapper,\n  &__remove:hover + &__button &__icon-wrapper {\n    color: var(--hover-icon-color);\n  }\n\n  /* Size */\n\n  &--size-small &__button {\n    @include fontSize('nano');\n  }\n\n  /* Removeable */\n\n  &--is-removable &__button {\n    padding-right: calc(var(--height) + #{space('xxsmall')});\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button,\n  &--is-disabled &__remove {\n    cursor: not-allowed;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Fragment\n} from \"@stencil/core\";\n\nimport {\n  StzhChipVariant,\n  StzhChipSize,\n  StzhChipType,\n  StzhChipClickEvent,\n  StzhChipRemoveEvent,\n  StzhChipFocusEvent,\n  StzhChipBlurEvent\n} from \"../../index\";\n\n/**\n * @slot - Slot for label\n * @slot icon - Slot for icon\n */\n@Component({\n  tag: \"stzh-chip\",\n  styleUrl: \"stzh-chip.scss\",\n  scoped: true\n})\nexport class StzhChip {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string;\n\n  /** `href` if the chip should be used as link  */\n  @Prop() href: string = \"\";\n\n  /** Target if the button is used as link (if `href` used)  */\n  @Prop() target: string = \"\";\n\n  /** Whether chip is not interactive */\n  @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n  /** Whether remove button should be shown */\n  @Prop({ reflect: true }) removable: boolean = false;\n\n  /** Whether inverted style is shown (only available for `tag` variant) */\n  @Prop({ reflect: true }) inverted: boolean = false;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: StzhChipVariant = \"tag\";\n\n  /** Size */\n  @Prop({ reflect: true }) size: StzhChipSize = \"default\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: StzhChipType = \"default\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Label of remove button for screenreaders */\n  @Prop() removeLabel: string = \"\";\n\n  /** Active */\n  @Prop({ reflect: true }) active: boolean = false;\n\n  /** Disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Tabindex of link/button */\n  @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n  /** Accessible label for screen readers to replace visible text */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n  /** Id for element which describes the link/button */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link/button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the remove button element.\n   * Default value will be taken from `removeLabel` prop.\n   */\n  @Prop() removeAnalyticsId: string;\n\n  @Element() element: HTMLStzhChipElement;\n\n  /** Chip click event */\n  @Event() stzhClick: EventEmitter<StzhChipClickEvent>;\n\n  /** Chip remove event */\n  @Event() stzhRemove: EventEmitter<StzhChipRemoveEvent>;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhChipFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhChipBlurEvent>;\n\n  private chip: HTMLButtonElement | HTMLAnchorElement;\n  private text: HTMLElement;\n  private focusedByInput: boolean = false;\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.chip?.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  private renderInner(): DocumentFragment {\n    return (\n      <Fragment>\n        <div class=\"stzh-chip__icon-wrapper\">\n          {this.icon || (typeof this.icon === \"undefined\" && this.variant === \"tag\" && this.type !== \"default\") ?\n            <stzh-icon class=\"stzh-chip__icon\" name={\n              this.icon\n              || this.type === \"info\" && \"info-help\"\n              || this.type === \"warning\" && \"important-warning\"\n              || this.type === \"error\" && \"warning\"\n              || this.type === \"success\" && \"checkmark-circle\"\n            }></stzh-icon>\n            :\n            <slot name=\"icon\"></slot>\n          }\n        </div>\n\n        <stzh-clamp\n          lines={1}\n          class=\"stzh-chip__label\"\n          ref={(el) => (this.text = el as HTMLElement)}\n        >\n          {this.label ? this.label : <slot></slot>}\n          {this.counter &&\n            <span class=\"stzh-chip__vhidden\">\n              &nbsp;({this.counter})\n            </span>\n          }\n        </stzh-clamp>\n\n        {this.counter &&\n          <div class=\"stzh-chip__counter\" aria-hidden=\"true\">\n            {this.counter}\n          </div>\n        }\n      </Fragment>\n    );\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.chip.focus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onRemoveClick = (event: MouseEvent) => {\n    this.stzhRemove.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-chip\": true,\n      \"stzh-chip--is-active\": this.active,\n      \"stzh-chip--is-disabled\": this.disabled,\n      \"stzh-chip--is-removable\": this.removable,\n      \"stzh-chip--is-inverted\": this.inverted,\n      \"stzh-chip--has-counter\": !!this.counter,\n      [`stzh-chip--type-${this.type}`]: !!this.type,\n      [`stzh-chip--size-${this.size}`]: !!this.size,\n      [`stzh-chip--${this.variant}`]: !!this.variant\n    };\n\n    const Chip = this.nonInteractive ? \"div\" :\n      this.href ? \"a\" : \"button\";\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {this.removable &&\n            <button\n              class=\"stzh-chip__remove\"\n              onClick={this.onRemoveClick}\n              disabled={this.disabled}\n              aria-label={this.removeLabel}\n              type=\"button\"\n              s-object-id={this.removeAnalyticsId || this.removeLabel}\n            >\n              <stzh-icon class=\"stzh-chip__remove-icon\" name=\"close-big\"></stzh-icon>\n            </button>\n          }\n\n          {this.href ?\n            <Chip\n              ref={(el) => (this.chip = el as HTMLAnchorElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              href={this.disabled ? null : this.href}\n              target={this.target}\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n            :\n            <Chip\n              ref={(el) => (this.chip = el as HTMLButtonElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              disabled={this.disabled}\n              type=\"button\"\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-38d64313.entry.js

@@ -1,2 +0,0 @@
-import{h as t,r as a,c as e,a as s,g as n}from"./p-c7bfac7a.js";import{i,b as r,g as l,c as o,p as c,D as h,d,a as z,e as p,s as f,f as u,h as v,j as m,k as g,l as b}from"./p-23d404e1.js";const y=({focusedDay:a,today:e,day:s,onDaySelect:n,onKeyboardNavigation:l,focusedDayRef:o,disabled:c,inRange:h,isSelected:d,dateFormatter:z})=>{const p=i(s,e);const f=r(s,a);const u=i(s,a);const v=!h;function m(t){n(t,s)}return t("button",{class:{"stzh-calendar__day":true,"is-outside":v,"is-today":p,"is-month":f,"is-disabled":c},tabIndex:u?0:-1,onClick:m,onKeyDown:l,"aria-disabled":c?"true":undefined,disabled:v,type:"button","aria-pressed":d?"true":"false","aria-current":p?"date":undefined,"s-object-id":z.format(s),ref:t=>{if(u&&t&&o){o(t)}}},t("span",{"aria-hidden":"true"},s.getDate()),t("span",{class:"stzh-calendar__vhidden"},z.format(s)))};function _(t,a){const e=[];for(let s=0;s<t.length;s+=a){e.push(t.slice(s,s+a))}return e}function w(t,a,e){return t.map(((s,n)=>{const i=(n+a)%t.length;return e(t[i])}))}const x=({selectedDate:a,focusedDate:e,labelledById:s,localization:n,firstDayOfWeek:r,min:c,max:h,dateFormatter:d,isDateDisabled:z,onDateSelect:p,onKeyboardNavigation:f,focusedDayRef:u})=>{const v=new Date;const m=l(e,r);return t("table",{class:"stzh-calendar__table","aria-labelledby":s},t("thead",null,t("tr",null,w(n.$globals.dayNames,r,(a=>t("th",{class:"stzh-calendar__table-header",scope:"col"},t("span",{"aria-hidden":"true"},a.substring(0,2)),t("span",{class:"stzh-calendar__vhidden"},a)))))),t("tbody",null,_(m,7).map((s=>t("tr",{class:"stzh-calendar__row"},s.map((s=>t("td",{class:"stzh-calendar__cell"},t(y,{day:s,today:v,focusedDay:e,isSelected:i(s,a),disabled:z(s),inRange:o(s,c,h),onDaySelect:p,dateFormatter:d,onKeyboardNavigation:f,focusedDayRef:u})))))))))};const k=".sc-stzh-calendar-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-calendar-h{display:none}.sc-stzh-calendar-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-calendar-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-calendar-h *.sc-stzh-calendar,.sc-stzh-calendar-h *.sc-stzh-calendar::before,.sc-stzh-calendar-h *.sc-stzh-calendar::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-calendar-h .has-focus.sc-stzh-calendar{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-calendar-h .stzh-fylingfocus-focused.sc-stzh-calendar{outline-style:none !important}.sc-stzh-calendar-h .stzh-fylingfocus-focused.sc-stzh-calendar::-moz-focus-inner{border:0 !important}.sc-stzh-calendar-h{--padding-top:var(--stzh-space-small);--padding-bottom:var(--stzh-space-small);--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--background-color:var(--stzh-color-grey10);width:var(--stzh-calendar-width)}.stzh-calendar.sc-stzh-calendar{display:flex;position:relative;text-align:left;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;overflow:clip;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);background-color:var(--background-color)}.stzh-calendar__wrapper.sc-stzh-calendar{width:100%}.stzh-calendar__table.sc-stzh-calendar{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border-collapse:collapse;border-spacing:0;text-align:center;width:100%}.stzh-calendar__table-header.sc-stzh-calendar,.stzh-calendar__cell.sc-stzh-calendar{padding:var(--stzh-space-xxxsmall)}.stzh-calendar__table-header.sc-stzh-calendar:first-child,.stzh-calendar__cell.sc-stzh-calendar:first-child{padding-left:0}.stzh-calendar__table-header.sc-stzh-calendar:last-child,.stzh-calendar__cell.sc-stzh-calendar:last-child{padding-right:0}.stzh-calendar__row.sc-stzh-calendar:last-child .stzh-calendar__cell.sc-stzh-calendar{padding-bottom:0}.stzh-calendar__table-header.sc-stzh-calendar{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);-webkit-text-decoration-line:none;text-decoration-line:none;padding-top:0;padding-bottom:0;width:2.75rem;height:2.5rem}.stzh-calendar__cell.sc-stzh-calendar{text-align:center}.stzh-calendar__day.sc-stzh-calendar{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);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);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;width:2.5rem;height:2.5rem;text-align:center;vertical-align:middle;transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-calendar__day.is-today.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70)}.stzh-calendar__day.sc-stzh-calendar:hover{background:var(--stzh-color-grey20)}.stzh-calendar__day[aria-pressed=true].sc-stzh-calendar{background:var(--stzh-color-secondary30);color:var(--stzh-color-primary70)}.stzh-calendar__day.sc-stzh-calendar:active{background:var(--stzh-color-secondary30);color:var(--stzh-color-primary70)}.stzh-calendar__day.sc-stzh-calendar:not(.is-month),.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar{background:transparent;color:var(--stzh-color-grey60);cursor:default}.stzh-calendar__day.is-disabled.sc-stzh-calendar{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.stzh-calendar__day.is-outside.sc-stzh-calendar{color:var(--stzh-color-grey60);background:var(--stzh-color-grey20);cursor:default;pointer-events:none;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-calendar__header.sc-stzh-calendar{align-items:center;display:flex;justify-content:space-between;width:100%}.stzh-calendar__nav.sc-stzh-calendar{display:flex;align-items:center}.stzh-calendar__nav.is-dropdowns.sc-stzh-calendar{gap:calc(var(--stzh-space-xsmall) + var(--stzh-space-small));margin-left:var(--stzh-space-small)}.stzh-calendar.sc-stzh-calendar stzh-dropdown.stzh-calendar__dropdown.sc-stzh-calendar{--popover-width:100%;--popover-height:calc(100% - var(--stzh-form-input-small-height) - var(--padding-top));--popover-max-height:initial;position:static}.stzh-calendar__select-wrapper.sc-stzh-calendar{display:inline-flex;position:relative}.stzh-calendar__select-wrapper.sc-stzh-calendar span.sc-stzh-calendar{margin-right:0px}.stzh-calendar__select.sc-stzh-calendar{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2;border-radius:var(--stzh-form-input-border-radius)}.stzh-calendar__select-label.sc-stzh-calendar{font-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);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;align-items:center;border-radius:var(--stzh-form-input-border-radius);color:var(--stzh-color-primary70);display:flex;gap:var(--stzh-space-xsmall);padding:0;padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-xsmall);position:relative;width:100%;min-height:2.5rem;z-index:1}.stzh-calendar__select-icon.sc-stzh-calendar{--size:var(--stzh-icon-size-xsmall)}.stzh-calendar__vhidden.sc-stzh-calendar{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";function D(t,a){var e=[];for(var s=t;s<=a;s++){e.push(s)}return e}const S={TAB:9,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};let F=0;const O=class{constructor(t){a(this,t);this.stzhChange=e(this,"stzhChange",7);this.initialTouchX=null;this.initialTouchY=null;this.enableActiveFocus=()=>{this.activeFocus=true};this.disableActiveFocus=()=>{this.activeFocus=false};this.handleTouchStart=t=>{const a=t.changedTouches[0];this.initialTouchX=a.pageX;this.initialTouchY=a.pageY};this.handleTouchEnd=t=>{const a=t.changedTouches[0];const e=a.pageX-this.initialTouchX;const s=a.pageY-this.initialTouchY;const n=70;const i=Math.abs(e)>=n&&Math.abs(s)<=n;if(i){this.addMonths(e<0?1:-1)}this.initialTouchY=null;this.initialTouchX=null};this.handleNextMonthClick=t=>{t.preventDefault();this.addMonths(1)};this.handlePreviousMonthClick=t=>{t.preventDefault();this.addMonths(-1)};this.handleKeyboardNavigation=t=>{var a=true;switch(t.keyCode){case S.RIGHT:this.addDays(1);break;case S.LEFT:this.addDays(-1);break;case S.DOWN:this.addDays(7);break;case S.UP:this.addDays(-7);break;case S.PAGE_UP:if(t.shiftKey){this.addYears(-1)}else{this.addMonths(-1)}break;case S.PAGE_DOWN:if(t.shiftKey){this.addYears(1)}else{this.addMonths(1)}break;case S.HOME:this.startOfWeek();break;case S.END:this.endOfWeek();break;default:a=false}if(a){t.preventDefault();this.enableActiveFocus()}};this.handleDaySelect=(t,a)=>{const e=o(a,c(this.min),c(this.max));const s=!this.isDateDisabled(a);if(e&&s){this.setDate(a);this.stzhChange.emit({component:"stzh-calendar",value:this.value,valueAsDate:a})}else{this.setFocusedDay(a)}};this.handleMonthSelect=t=>{const a=Array.isArray(t.detail.value)?t.detail.value[0]:t.detail.value;this.setMonth(parseInt(a,10))};this.handleYearSelect=t=>{const a=Array.isArray(t.detail.value)?t.detail.value[0]:t.detail.value;this.setYear(parseInt(a,10))};this.processFocusedDayNode=t=>{if(this.activeFocus){setTimeout((()=>t.focus()),0)}};this.value="";this.min="";this.max="";this.firstDayOfWeek=h.Monday;this.localization=undefined;this.isDateDisabled=()=>false;this.prevMonthAnalyticsId=undefined;this.nextMonthAnalyticsId=undefined;this.activeFocus=false;this.focusedDay=new Date}createDateFormatters(){if(this.localization){this.dateFormatShort=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long"})}}valueWatcher(t){if(t){this.setFocusedDay(c(this.value))}else{this.setFocusedDay(new Date)}}async setFocusedDay(t){this.focusedDay=d(t,c(this.min),c(this.max))}async setDate(t){this.value=z(t)}addDays(t){this.setFocusedDay(p(this.focusedDay,t))}addMonths(t){this.setMonth(this.focusedDay.getMonth()+t)}addYears(t){this.setYear(this.focusedDay.getFullYear()+t)}startOfWeek(){this.setFocusedDay(f(this.focusedDay,this.firstDayOfWeek))}endOfWeek(){this.setFocusedDay(u(this.focusedDay,this.firstDayOfWeek))}setMonth(t){const a=v(m(this.focusedDay),t);const e=g(a);const s=v(this.focusedDay,t);this.setFocusedDay(d(s,a,e))}setYear(t){const a=b(m(this.focusedDay),t);const e=g(a);const s=b(this.focusedDay,t);this.setFocusedDay(d(s,a,e))}async componentWillLoad(){this.dialogLabelId=`stzh-calendar-dialog-${F}`;F++;this.valueWatcher(this.value);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"calendar")}}connectedCallback(){this.createDateFormatters()}render(){const a=c(this.value);const e=(a||this.focusedDay).getFullYear();const n=this.focusedDay.getMonth();const i=this.focusedDay.getFullYear();const r=c(this.min);const l=c(this.max);const h=r!=null&&r.getMonth()===n&&r.getFullYear()===i;const d=l!=null&&l.getMonth()===n&&l.getFullYear()===i;const z=r?r.getFullYear():e-10;const p=l?l.getFullYear():e+10;const f=this.localization.$globals.monthNames.map(((t,a)=>({value:a.toString(),text:t,disabled:!o(new Date(i,a,1),r?m(r):null,l?g(l):null)})));const u=D(z,p).map((t=>({value:t.toString(),text:t.toString()})));return t(s,null,t("div",{class:{"stzh-calendar":true},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},t("div",{class:"stzh-calendar__wrapper"},t("div",{class:"stzh-calendar__header",onFocusin:this.disableActiveFocus},t("div",{class:"stzh-calendar__nav is-dropdowns"},t("h2",{id:this.dialogLabelId,class:"stzh-calendar__vhidden","aria-live":"polite","aria-atomic":"true"},this.localization.$globals.monthNames[n],this.focusedDay.getFullYear()),t("stzh-dropdown",{class:"stzh-calendar__dropdown",variant:"plain",size:"small",inline:true,"popover-fullwidth":"horizontal",noSearch:true,openOnFocus:false,items:[n.toString()],options:f,label:this.localization.monthSelectLabel,labelHidden:true,onStzhChange:this.handleMonthSelect}),t("stzh-dropdown",{class:"stzh-calendar__dropdown",variant:"plain",size:"small",inline:true,"popover-fullwidth":"horizontal",noSearch:true,openOnFocus:false,items:[i.toString()],options:u,label:this.localization.yearSelectLabel,labelHidden:true,onStzhChange:this.handleYearSelect})),t("div",{class:"stzh-calendar__nav"},t("stzh-button",{class:"stzh-calendar__prev",variant:"tertiary",size:"small",icon:"arrow-left",iconOnly:true,onClick:this.handlePreviousMonthClick,disabled:h,type:"button",a11yLabel:this.localization.prevMonthLabel,analyticsId:this.prevMonthAnalyticsId||this.localization.prevMonthLabel}),t("stzh-button",{class:"stzh-calendar__next",variant:"tertiary",size:"small",icon:"arrow-right",iconOnly:true,onClick:this.handleNextMonthClick,disabled:d,type:"button",a11yLabel:this.localization.nextMonthLabel,analyticsId:this.nextMonthAnalyticsId||this.localization.nextMonthLabel}))),t(x,{dateFormatter:this.dateFormatShort,selectedDate:a,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:r,max:l,isDateDisabled:this.isDateDisabled}))))}get element(){return n(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"]}}};O.style=k;export{O as stzh_calendar};
-//# sourceMappingURL=p-38d64313.entry.js.map

package/dist/stzh-components/p-38d64313.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StzhCalendarDay","focusedDay","today","day","onDaySelect","onKeyboardNavigation","focusedDayRef","disabled","inRange","isSelected","dateFormatter","isToday","isEqual","isMonth","isEqualMonth","isFocused","isOutsideRange","handleClick","e","h","class","tabIndex","onClick","onKeyDown","undefined","type","format","ref","el","getDate","chunk","array","chunkSize","result","i","length","push","slice","mapWithOffset","startingOffset","mapFn","map","_","adjustedIndex","StzhCalendarMonth","selectedDate","focusedDate","labelledById","localization","firstDayOfWeek","min","max","isDateDisabled","onDateSelect","Date","days","getViewOfMonth","$globals","dayNames","dayName","scope","substring","week","stzhCalendarCss","range","from","to","keyCode","TAB","ESC","SPACE","PAGE_UP","PAGE_DOWN","END","HOME","LEFT","UP","RIGHT","DOWN","calendarCounter","StzhCalendar","this","initialTouchX","initialTouchY","enableActiveFocus","activeFocus","disableActiveFocus","handleTouchStart","event","touch","changedTouches","pageX","pageY","handleTouchEnd","distX","distY","threshold","isHorizontalSwipe","Math","abs","addMonths","handleNextMonthClick","preventDefault","handlePreviousMonthClick","handleKeyboardNavigation","handled","addDays","shiftKey","addYears","startOfWeek","endOfWeek","handleDaySelect","_event","isInRange","parseISODate","isAllowed","setDate","stzhChange","emit","component","value","valueAsDate","setFocusedDay","handleMonthSelect","Array","isArray","detail","setMonth","parseInt","handleYearSelect","setYear","processFocusedDayNode","element","setTimeout","focus","DaysOfWeek","Monday","createDateFormatters","dateFormatShort","Intl","DateTimeFormat","$locale","month","valueWatcher","newValue","clamp","date","printISODate","months","getMonth","years","getFullYear","startOfMonth","endOfMonth","year","componentWillLoad","dialogLabelId","window","stzhComponents","utils","fetchTranslations","connectedCallback","render","selectedYear","focusedMonth","focusedYear","minDate","maxDate","prevMonthDisabled","nextMonthDisabled","minYear","maxYear","monthDropdownOptions","monthNames","toString","text","yearDropdownOptions","Host","onTouchStart","onTouchEnd","onFocusin","id","variant","size","inline","noSearch","openOnFocus","items","options","label","monthSelectLabel","labelHidden","onStzhChange","yearSelectLabel","icon","iconOnly","a11yLabel","prevMonthLabel","analyticsId","prevMonthAnalyticsId","nextMonthLabel","nextMonthAnalyticsId"],"sources":["src/components/stzh-calendar/stzh-calendar-day.tsx","src/components/stzh-calendar/stzh-calendar-month.tsx","src/components/stzh-calendar/stzh-calendar.scss?tag=stzh-calendar&encapsulation=scoped","src/components/stzh-calendar/stzh-calendar.tsx"],"sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\"\nimport { isEqual, isEqualMonth } from \"../../utils/date-utils\"\n\nexport type StzhCalendarDayProps = {\n  focusedDay: Date\n  today: Date\n  day: Date\n  disabled: boolean\n  inRange: boolean\n  isSelected: boolean\n  dateFormatter: Intl.DateTimeFormat\n  onDaySelect: (event: MouseEvent, day: Date) => void\n  onKeyboardNavigation: (event: KeyboardEvent) => void\n  focusedDayRef?: (element: HTMLElement) => void\n}\n\nexport const StzhCalendarDay: FunctionalComponent<StzhCalendarDayProps> = ({\n  focusedDay,\n  today,\n  day,\n  onDaySelect,\n  onKeyboardNavigation,\n  focusedDayRef,\n  disabled,\n  inRange,\n  isSelected,\n  dateFormatter,\n}) => {\n  const isToday = isEqual(day, today)\n  const isMonth = isEqualMonth(day, focusedDay)\n  const isFocused = isEqual(day, focusedDay)\n  const isOutsideRange = !inRange\n\n  function handleClick(e) {\n    onDaySelect(e, day)\n  }\n\n  return (\n    <button\n      class={{\n        \"stzh-calendar__day\": true,\n        \"is-outside\": isOutsideRange,\n        \"is-today\": isToday,\n        \"is-month\": isMonth,\n        \"is-disabled\": disabled,\n      }}\n      tabIndex={isFocused ? 0 : -1}\n      onClick={handleClick}\n      onKeyDown={onKeyboardNavigation}\n      aria-disabled={disabled ? \"true\" : undefined}\n      disabled={isOutsideRange}\n      type=\"button\"\n      aria-pressed={isSelected ? \"true\" : \"false\"}\n      aria-current={isToday ? \"date\" : undefined}\n      s-object-id={dateFormatter.format(day)}\n      ref={el => {\n        if (isFocused && el && focusedDayRef) {\n          focusedDayRef(el)\n        }\n      }}\n    >\n      <span aria-hidden=\"true\">{day.getDate()}</span>\n      <span class=\"stzh-calendar__vhidden\">{dateFormatter.format(day)}</span>\n    </button>\n  )\n}\n","import { h, FunctionalComponent } from \"@stencil/core\"\nimport { getViewOfMonth, inRange, DaysOfWeek, isEqual } from \"../../utils/date-utils\"\n\nimport { StzhCalendarLocalizedText } from \"./stzh-calendar.localization\"\nimport { StzhCalendarDay, StzhCalendarDayProps } from \"./stzh-calendar-day\"\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nfunction chunk<T>(array: T[], chunkSize: number): T[][] {\n  const result = []\n\n  for (let i = 0; i < array.length; i += chunkSize) {\n    result.push(array.slice(i, i + chunkSize))\n  }\n\n  return result\n}\n\nfunction mapWithOffset<T, U>(array: T[], startingOffset: number, mapFn: (item: T) => U): U[] {\n  return array.map((_, i) => {\n    const adjustedIndex = (i + startingOffset) % array.length\n    return mapFn(array[adjustedIndex])\n  })\n}\n\ntype StzhCalendarMonthProps = {\n  selectedDate: Date\n  focusedDate: Date\n  labelledById: string\n  localization: StzhCalendarLocalizedText\n  firstDayOfWeek: DaysOfWeek\n  min?: Date\n  max?: Date\n  dateFormatter: Intl.DateTimeFormat\n  isDateDisabled: StzhCalendarDateDisabledPredicate\n  onDateSelect: StzhCalendarDayProps[\"onDaySelect\"]\n  onKeyboardNavigation: StzhCalendarDayProps[\"onKeyboardNavigation\"]\n  focusedDayRef: (element: HTMLElement) => void\n}\n\nexport const StzhCalendarMonth: FunctionalComponent<StzhCalendarMonthProps> = ({\n  selectedDate,\n  focusedDate,\n  labelledById,\n  localization,\n  firstDayOfWeek,\n  min,\n  max,\n  dateFormatter,\n  isDateDisabled,\n  onDateSelect,\n  onKeyboardNavigation,\n  focusedDayRef,\n}) => {\n  const today = new Date()\n  const days = getViewOfMonth(focusedDate, firstDayOfWeek)\n\n  return (\n    <table class=\"stzh-calendar__table\" aria-labelledby={labelledById}>\n      <thead>\n        <tr>\n          {mapWithOffset(localization.$globals.dayNames, firstDayOfWeek, dayName => (\n            <th class=\"stzh-calendar__table-header\" scope=\"col\">\n              <span aria-hidden=\"true\">{dayName.substring(0, 2)}</span>\n              <span class=\"stzh-calendar__vhidden\">{dayName}</span>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {chunk(days, 7).map(week => (\n          <tr class=\"stzh-calendar__row\">\n            {week.map(day => (\n              <td class=\"stzh-calendar__cell\">\n                <StzhCalendarDay\n                  day={day}\n                  today={today}\n                  focusedDay={focusedDate}\n                  isSelected={isEqual(day, selectedDate)}\n                  disabled={isDateDisabled(day)}\n                  inRange={inRange(day, min, max)}\n                  onDaySelect={onDateSelect}\n                  dateFormatter={dateFormatter}\n                  onKeyboardNavigation={onKeyboardNavigation}\n                  focusedDayRef={focusedDayRef}\n                />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  )\n}\n","/**\n * @prop --background: Background color of calendar\n * @prop --padding-top: Padding top of calendar\n * @prop --padding-bottom: Padding bottom color of calendar\n * @prop --padding-left: Padding left color of calendar\n * @prop --padding-right: Padding right color of calendar\n * @prop --background-color: Background color of calendar\n */\n\n:host {\n  --padding-top: #{space('small')};\n  --padding-bottom: #{space('small')};\n  --padding-left: #{space('xsmall')};\n  --padding-right: #{space('xsmall')};\n  --background-color: #{$colorGrey10};\n\n  width: #{$calendarWidth};\n}\n\n.stzh-calendar {\n  display: flex;\n  position: relative;\n  text-align: left;\n  touch-action: pan-y;\n  user-select: none;\n  overflow: hidden;\n  overflow: clip;\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  padding-left: var(--padding-left);\n  padding-right: var(--padding-right);\n  background-color: var(--background-color);\n\n  &__wrapper {\n    width: 100%;\n  }\n\n  &__table {\n    @include font;\n    @include fontSize('milli');\n    border-collapse: collapse;\n    border-spacing: 0;\n    text-align: center;\n    width: 100%;\n  }\n\n  &__table-header,\n  &__cell {\n    padding: space('xxxsmall');\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n\n  &__row:last-child &__cell {\n    padding-bottom: 0;\n  }\n\n  &__table-header {\n    @include font;\n    @include fontSize('nano');\n    text-decoration-line: none;\n    padding-top: 0;\n    padding-bottom: 0;\n    width: 44px;\n    height: 40px;\n  }\n\n  &__cell {\n    text-align: center;\n  }\n\n  &__day {\n    @include font;\n    @include fontSize('milli');\n    appearance: none;\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n    display: inline-block;\n    font-variant-numeric: tabular-nums;\n    width: 40px;\n    height: 40px;\n    text-align: center;\n    vertical-align: middle;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    // position: relative;\n    // padding: 0 0 1px;\n    // z-index: 1;\n\n    // &::before {\n    //   z-index: -1;\n    //   bottom: 0;\n    //   content: \"\";\n    //   left: 0;\n    //   position: absolute;\n    //   right: 0;\n    //   top: 0;\n    // }\n\n    &.is-today {\n      @include font('heavy');\n      color: $colorPrimary70;\n      // box-shadow: 0 0 0 1px $colorPrimary;\n      // position: relative;\n      // z-index: 200;\n    }\n\n    &:hover {\n      background: $colorGrey20;\n    }\n\n    // &:hover::before {\n    //   background: $colorGrey20;\n    // }\n\n    // &:focus,\n    &[aria-pressed=\"true\"] {\n      background: $colorSecondary30;\n      // box-shadow: none;\n      color: $colorPrimary70;\n    }\n\n    &:active {\n      background: $colorSecondary30;\n      // box-shadow: 0 0 5px $colorPrimary;\n      color: $colorPrimary70;\n      // z-index: 200;\n    }\n\n    // &:focus {\n    //   z-index: 200;\n    // }\n\n    // &:not(.is-month) {\n    //   box-shadow: none;\n    // }\n\n    &:not(.is-month),\n    &[aria-disabled=\"true\"] {\n      background: transparent;\n      color: $colorGrey60;\n      cursor: default;\n    }\n\n    // &[aria-disabled=\"true\"] {\n      // &.is-today {\n      //   box-shadow: 0 0 0 1px $colorGrey20;\n\n      //   &:focus {\n      //     box-shadow: 0 0 5px $colorPrimary;\n      //   }\n      // }\n\n      // &::before {\n      //   display: none;\n      // }\n    // }\n\n    &.is-disabled {\n      text-decoration-line: line-through;\n    }\n\n    &.is-outside {\n      color: $colorGrey60;\n      background: $colorGrey20;\n      // box-shadow: none;\n      cursor: default;\n      pointer-events: none;\n      text-decoration-line: none;\n\n      // &::before {\n      //   display: none;\n      // }\n    }\n  }\n\n  &__header {\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  &__nav {\n    display: flex;\n    align-items: center;\n\n    &.is-dropdowns {\n      gap: calc(#{space('xsmall')} + #{space('small')});\n      margin-left: space('small');\n    }\n  }\n\n  // &__prev,\n  // &__next {\n  //   align-items: center;\n  //   appearance: none;\n  //   font-family: inherit;\n  //   background: transparent;\n  //   border-radius: 50%;\n  //   color: $colorPrimary70;\n  //   cursor: pointer;\n  //   display: inline-flex;\n  //   flex-shrink: 0;\n  //   justify-content: center;\n  //   margin-left: space('xsmall');\n  //   padding: 0;\n  //   transition: background-color 300ms ease;\n  //   height: 32px;\n  //   width: 32px;\n\n  //   &:disabled {\n  //     cursor: default;\n  //     color: $colorGrey60;\n  //   }\n  // }\n\n  stzh-dropdown#{&}__dropdown {\n    --popover-width: 100%;\n    --popover-height: calc(100% - #{$formInputHeightSmall} - var(--padding-top));\n    --popover-max-height: initial;\n    position: static;\n  }\n\n  &__select-wrapper {\n    display: inline-flex;\n    position: relative;\n\n    span {\n      margin-right: 0px;\n    }\n  }\n\n  &__select {\n    @include fontSize('milli');\n    cursor: pointer;\n    height: 100%;\n    left: 0;\n    opacity: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    z-index: 2;\n    border-radius: $formInputBorderRadius;\n  }\n\n  &__select-label {\n    @include fontSize('milli');\n    appearance: none;\n    border: none;\n    align-items: center;\n    border-radius: $formInputBorderRadius;\n    color: $colorPrimary70;\n    display: flex;\n    gap: space('xsmall');\n    padding: 0;\n    padding-left: space('small');\n    padding-right: space('xsmall');\n\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n    z-index: 1;\n  }\n\n  &__select-icon {\n    --size: #{iconSize('xsmall')};\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n}\n","import {\n  Component,\n  ComponentInterface,\n  Host,\n  Prop,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  Watch\n} from \"@stencil/core\"\n\nimport {\n  addDays,\n  startOfWeek,\n  endOfWeek,\n  setMonth,\n  setYear,\n  clamp,\n  inRange,\n  endOfMonth,\n  startOfMonth,\n  printISODate,\n  parseISODate,\n  DaysOfWeek,\n} from \"../../utils/date-utils\";\n\nimport { StzhCalendarChangeEvent, StzhDropdownChangeEvent } from \"../../index\";\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { StzhCalendarMonth } from \"./stzh-calendar-month\";\nimport { StzhCalendarLocalizedText } from \"./stzh-calendar.localization\";\n\nfunction range(from: number, to: number) {\n  var result: number[] = []\n  for (var i = from; i <= to; i++) {\n    result.push(i)\n  }\n  return result\n}\n\nconst keyCode = {\n  TAB: 9,\n  ESC: 27,\n  SPACE: 32,\n  PAGE_UP: 33,\n  PAGE_DOWN: 34,\n  END: 35,\n  HOME: 36,\n  LEFT: 37,\n  UP: 38,\n  RIGHT: 39,\n  DOWN: 40,\n}\n\nlet calendarCounter = 0;\n\n@Component({\n  tag: \"stzh-calendar\",\n  styleUrl: \"stzh-calendar.scss\",\n  scoped: true\n})\nexport class StzhCalendar implements ComponentInterface {\n  /** Date value. Must be in IS0-8601 format: YYYY-MM-DD. */\n  @Prop({ mutable: true }) value: string = \"\"\n\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @Prop() min: string = \"\"\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @Prop() max: string = \"\"\n\n  /**\n   * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\n   * Default is Monday.\n   */\n  @Prop() firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n\n  /**  Day names, month names, etc, used for localization. */\n  @Prop() localization: StzhCalendarLocalizedText;\n\n  /**\n   * Controls which days are disabled and therefore disallowed.\n   * For example, this can be used to disallow selection of weekends.\n   */\n  @Prop() isDateDisabled: StzhCalendarDateDisabledPredicate = () => false\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the previous month button element.\n   * Default value will be taken from translations.\n   */\n  @Prop() prevMonthAnalyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the next month button element.\n   * Default value will be taken from translations.\n   */\n  @Prop() nextMonthAnalyticsId: string;\n\n  @State() activeFocus = false\n  @State() focusedDay = new Date()\n\n  /** Event emitted when a date is selected. */\n  @Event() stzhChange: EventEmitter<StzhCalendarChangeEvent>\n\n  @Watch(\"localization\")\n  createDateFormatters() {\n    if (this.localization) {\n      this.dateFormatShort = new Intl.DateTimeFormat(this.localization.$locale, { day: \"numeric\", month: \"long\" })\n    }\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    if (newValue) {\n      this.setFocusedDay(parseISODate(this.value));\n    } else {\n      this.setFocusedDay(new Date());\n    }\n  }\n\n  /** Set focused day element by a JS Date object */\n  @Method()\n  async setFocusedDay(day: Date) {\n    this.focusedDay = clamp(day, parseISODate(this.min), parseISODate(this.max))\n  }\n\n  /** Set value by a JS Date object */\n  @Method()\n  async setDate(date: Date) {\n    this.value = printISODate(date)\n  }\n\n  @Element() element: HTMLStzhCalendarElement\n\n  // private monthSelectId: string\n  // private yearSelectId: string\n  private dialogLabelId: string\n\n  // private focusedDayNode: HTMLButtonElement\n\n  private initialTouchX: number = null\n  private initialTouchY: number = null\n\n  /**\n   * To format dates exclusively for the benefit of screen readers.\n   *\n   * We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n   * better performance when formatting large number of dates. See:\n   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n   */\n  private dateFormatShort: Intl.DateTimeFormat\n\n  private enableActiveFocus = () => {\n    this.activeFocus = true\n  }\n\n  private disableActiveFocus = () => {\n    this.activeFocus = false\n  }\n\n  private addDays(days: number) {\n    this.setFocusedDay(addDays(this.focusedDay, days))\n  }\n\n  private addMonths(months: number) {\n    this.setMonth(this.focusedDay.getMonth() + months)\n  }\n\n  private addYears(years: number) {\n    this.setYear(this.focusedDay.getFullYear() + years)\n  }\n\n  private startOfWeek() {\n    this.setFocusedDay(startOfWeek(this.focusedDay, this.firstDayOfWeek))\n  }\n\n  private endOfWeek() {\n    this.setFocusedDay(endOfWeek(this.focusedDay, this.firstDayOfWeek))\n  }\n\n  private setMonth(month: number) {\n    const min = setMonth(startOfMonth(this.focusedDay), month)\n    const max = endOfMonth(min)\n    const date = setMonth(this.focusedDay, month)\n\n    this.setFocusedDay(clamp(date, min, max))\n  }\n\n  private setYear(year: number) {\n    const min = setYear(startOfMonth(this.focusedDay), year)\n    const max = endOfMonth(min)\n    const date = setYear(this.focusedDay, year)\n\n    this.setFocusedDay(clamp(date, min, max))\n  }\n\n  private handleTouchStart = (event: TouchEvent) => {\n    const touch = event.changedTouches[0]\n    this.initialTouchX = touch.pageX\n    this.initialTouchY = touch.pageY\n  }\n\n  // private handleTouchMove = (event: TouchEvent) => {\n  //   event.preventDefault()\n  // }\n\n  private handleTouchEnd = (event: TouchEvent) => {\n    const touch = event.changedTouches[0]\n    const distX = touch.pageX - this.initialTouchX // get horizontal dist traveled\n    const distY = touch.pageY - this.initialTouchY // get vertical dist traveled\n    const threshold = 70\n\n    const isHorizontalSwipe = Math.abs(distX) >= threshold && Math.abs(distY) <= threshold\n\n    if (isHorizontalSwipe) {\n      this.addMonths(distX < 0 ? 1 : -1)\n    }\n\n    this.initialTouchY = null\n    this.initialTouchX = null\n  }\n\n  private handleNextMonthClick = (event: MouseEvent) => {\n    event.preventDefault()\n    this.addMonths(1)\n  }\n\n  private handlePreviousMonthClick = (event: MouseEvent) => {\n    event.preventDefault()\n    this.addMonths(-1)\n  }\n\n  private handleKeyboardNavigation = (event: KeyboardEvent) => {\n    var handled = true\n\n    switch (event.keyCode) {\n      case keyCode.RIGHT:\n        this.addDays(1)\n        break\n      case keyCode.LEFT:\n        this.addDays(-1)\n        break\n      case keyCode.DOWN:\n        this.addDays(7)\n        break\n      case keyCode.UP:\n        this.addDays(-7)\n        break\n      case keyCode.PAGE_UP:\n        if (event.shiftKey) {\n          this.addYears(-1)\n        } else {\n          this.addMonths(-1)\n        }\n        break\n      case keyCode.PAGE_DOWN:\n        if (event.shiftKey) {\n          this.addYears(1)\n        } else {\n          this.addMonths(1)\n        }\n        break\n      case keyCode.HOME:\n        this.startOfWeek()\n        break\n      case keyCode.END:\n        this.endOfWeek()\n        break\n      default:\n        handled = false\n    }\n\n    if (handled) {\n      event.preventDefault()\n      this.enableActiveFocus()\n    }\n  }\n\n  private handleDaySelect = (_event: MouseEvent, day: Date) => {\n    const isInRange = inRange(day, parseISODate(this.min), parseISODate(this.max))\n    const isAllowed = !this.isDateDisabled(day)\n\n    if (isInRange && isAllowed) {\n      this.setDate(day)\n\n      this.stzhChange.emit({\n        component: \"stzh-calendar\",\n        value: this.value,\n        valueAsDate: day,\n      })\n    } else {\n      // for consistency we should set the focused day in cases where\n      // user has selected a day that has been specifically disallowed\n      this.setFocusedDay(day)\n    }\n  }\n\n  private handleMonthSelect = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n    this.setMonth(parseInt(value, 10))\n  }\n\n  private handleYearSelect = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n    this.setYear(parseInt(value, 10))\n  }\n\n  private processFocusedDayNode = (element: HTMLButtonElement) => {\n    // this.focusedDayNode = element\n\n    if (this.activeFocus) {\n      setTimeout(() => element.focus(), 0)\n    }\n  }\n\n  async componentWillLoad() {\n    // this.monthSelectId = `stzh-calendar-month-${calendarCounter}`;\n    // this.yearSelectId = `stzh-calendar-year-${calendarCounter}`;\n    this.dialogLabelId = `stzh-calendar-dialog-${calendarCounter}`;\n    calendarCounter++;\n\n    this.valueWatcher(this.value);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'calendar');\n    }\n  }\n\n  connectedCallback() {\n    this.createDateFormatters()\n  }\n\n  render() {\n    const valueAsDate = parseISODate(this.value)\n    const selectedYear = (valueAsDate || this.focusedDay).getFullYear()\n    const focusedMonth = this.focusedDay.getMonth()\n    const focusedYear = this.focusedDay.getFullYear()\n\n    const minDate = parseISODate(this.min)\n    const maxDate = parseISODate(this.max)\n    const prevMonthDisabled =\n      minDate != null && minDate.getMonth() === focusedMonth && minDate.getFullYear() === focusedYear\n    const nextMonthDisabled =\n      maxDate != null && maxDate.getMonth() === focusedMonth && maxDate.getFullYear() === focusedYear\n\n    const minYear = minDate ? minDate.getFullYear() : selectedYear - 10\n    const maxYear = maxDate ? maxDate.getFullYear() : selectedYear + 10\n\n    const monthDropdownOptions = this.localization.$globals.monthNames.map((month, i) => {\n      return {\n        value: i.toString(),\n        text: month,\n        disabled: !inRange(\n          new Date(focusedYear, i, 1),\n          minDate ? startOfMonth(minDate) : null,\n          maxDate ? endOfMonth(maxDate) : null\n        ),\n      }\n    });\n\n    const yearDropdownOptions = range(minYear, maxYear).map(year => {\n      return {\n        value: year.toString(),\n        text: year.toString(),\n      }\n    });\n\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-calendar\": true\n          }}\n          /* onTouchMove={this.handleTouchMove} */\n          onTouchStart={this.handleTouchStart}\n          onTouchEnd={this.handleTouchEnd}\n        >\n          <div class=\"stzh-calendar__wrapper\">\n            {/*\n            <div class=\"stzh-calendar__mobile\" onFocusin={this.disableActiveFocus}>\n              <label class=\"stzh-calendar__mobile-heading\">{this.localization.calendarHeading}</label>\n            </div>\n            */}\n            {/* @ts-ignore */}\n            <div class=\"stzh-calendar__header\" onFocusin={this.disableActiveFocus}>\n              <div class=\"stzh-calendar__nav is-dropdowns\">\n                <h2\n                  id={this.dialogLabelId}\n                  class=\"stzh-calendar__vhidden\"\n                  aria-live=\"polite\"\n                  aria-atomic=\"true\"\n                >\n                  {this.localization.$globals.monthNames[focusedMonth]}\n                  {this.focusedDay.getFullYear()}\n                </h2>\n\n                <stzh-dropdown\n                  class=\"stzh-calendar__dropdown\"\n                  variant=\"plain\"\n                  size=\"small\"\n                  inline\n                  popover-fullwidth=\"horizontal\"\n                  noSearch={true}\n                  openOnFocus={false}\n                  items={[focusedMonth.toString()]}\n                  options={monthDropdownOptions}\n                  label={this.localization.monthSelectLabel}\n                  labelHidden={true}\n                  onStzhChange={this.handleMonthSelect}\n                ></stzh-dropdown>\n\n                <stzh-dropdown\n                  class=\"stzh-calendar__dropdown\"\n                  variant=\"plain\"\n                  size=\"small\"\n                  inline\n                  popover-fullwidth=\"horizontal\"\n                  noSearch={true}\n                  openOnFocus={false}\n                  items={[focusedYear.toString()]}\n                  options={yearDropdownOptions}\n                  label={this.localization.yearSelectLabel}\n                  labelHidden={true}\n                  onStzhChange={this.handleYearSelect}\n                ></stzh-dropdown>\n\n                {/* alternative for dropdown with popover:\n                <stzh-popover>\n                  <button class=\"stzh-calendar__select-label\" aria-label={this.localization.monthSelectLabel}>\n                    <span>{this.localization.$globals.monthNamesShort[focusedMonth]}</span>\n                    <stzh-icon class=\"stzh-calendar__select-icon\" name=\"angle-down\"></stzh-icon>\n                  </button>\n                  <stzh-menu slot=\"content\">\n                    {this.localization.$globals.monthNames.map((month, i) => (\n                      <stzh-menu-item\n                        // onClick={this.handleMonthSelect(month)}\n                        active={i === focusedMonth}\n                        disabled={\n                          !inRange(\n                            new Date(focusedYear, i, 1),\n                            minDate ? startOfMonth(minDate) : null,\n                            maxDate ? endOfMonth(maxDate) : null\n                          )\n                        }\n                      >\n                        {month}\n                      </stzh-menu-item>\n                    ))}\n                  </stzh-menu>\n                </stzh-popover>\n                */}\n\n                {/* original implmentation with native select:\n                <label htmlFor={this.monthSelectId} class=\"stzh-calendar__vhidden\">\n                  {this.localization.monthSelectLabel}\n                </label>\n\n                <div class=\"stzh-calendar__select-wrapper\">\n                  <select\n                    id={this.monthSelectId}\n                    class=\"stzh-calendar__select stzh-calendar__select--month\"\n                    onChange={this.handleMonthSelect}\n                  >\n                    {this.localization.$globals.monthNames.map((month, i) => (\n                      <option\n                        key={month}\n                        value={i}\n                        selected={i === focusedMonth}\n                        disabled={\n                          !inRange(\n                            new Date(focusedYear, i, 1),\n                            minDate ? startOfMonth(minDate) : null,\n                            maxDate ? endOfMonth(maxDate) : null\n                          )\n                        }\n                      >\n                        {month}\n                      </option>\n                    ))}\n                  </select>\n                  <div class=\"stzh-calendar__select-label\" aria-hidden=\"true\">\n                    <span>{this.localization.$globals.monthNamesShort[focusedMonth]}</span>\n                    <stzh-icon class=\"stzh-calendar__select-icon\" name=\"angle-down\"></stzh-icon>\n                  </div>\n                </div>\n\n                <label htmlFor={this.yearSelectId} class=\"stzh-calendar__vhidden\">\n                  {this.localization.yearSelectLabel}\n                </label>\n\n                <div class=\"stzh-calendar__select-wrapper\">\n                  <select\n                    id={this.yearSelectId}\n                    class=\"stzh-calendar__select stzh-calendar__select--year\"\n                    onChange={this.handleYearSelect}\n                  >\n                    {range(minYear, maxYear).map(year => (\n                      <option key={year} selected={year === focusedYear}>\n                        {year}\n                      </option>\n                    ))}\n                  </select>\n                  <div class=\"stzh-calendar__select-label\" aria-hidden=\"true\">\n                    <span>{this.focusedDay.getFullYear()}</span>\n                    <stzh-icon class=\"stzh-calendar__select-icon\" name=\"angle-down\"></stzh-icon>\n                  </div>\n                </div>\n                */}\n\n              </div>\n\n              <div class=\"stzh-calendar__nav\">\n                <stzh-button\n                  class=\"stzh-calendar__prev\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  icon=\"arrow-left\"\n                  iconOnly={true}\n                  onClick={this.handlePreviousMonthClick}\n                  disabled={prevMonthDisabled}\n                  type=\"button\"\n                  a11yLabel={this.localization.prevMonthLabel}\n                  analyticsId={this.prevMonthAnalyticsId || this.localization.prevMonthLabel}\n                ></stzh-button>\n                <stzh-button\n                  class=\"stzh-calendar__next\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  icon=\"arrow-right\"\n                  iconOnly={true}\n                  onClick={this.handleNextMonthClick}\n                  disabled={nextMonthDisabled}\n                  type=\"button\"\n                  a11yLabel={this.localization.nextMonthLabel}\n                  analyticsId={this.nextMonthAnalyticsId || this.localization.nextMonthLabel}\n                ></stzh-button>\n              </div>\n            </div>\n\n            <StzhCalendarMonth\n              dateFormatter={this.dateFormatShort}\n              selectedDate={valueAsDate}\n              focusedDate={this.focusedDay}\n              onDateSelect={this.handleDaySelect}\n              onKeyboardNavigation={this.handleKeyboardNavigation}\n              labelledById={this.dialogLabelId}\n              localization={this.localization}\n              firstDayOfWeek={this.firstDayOfWeek}\n              focusedDayRef={this.processFocusedDayNode}\n              min={minDate}\n              max={maxDate}\n              isDateDisabled={this.isDateDisabled}\n            />\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"4LAgBO,MAAMA,EAA6D,EACxEC,aACAC,QACAC,MACAC,cACAC,uBACAC,gBACAC,WACAC,UACAC,aACAC,oBAEA,MAAMC,EAAUC,EAAQT,EAAKD,GAC7B,MAAMW,EAAUC,EAAaX,EAAKF,GAClC,MAAMc,EAAYH,EAAQT,EAAKF,GAC/B,MAAMe,GAAkBR,EAExB,SAASS,EAAYC,GACnBd,EAAYc,EAAGf,E,CAGjB,OACEgB,EAAA,UACEC,MAAO,CACL,qBAAsB,KACtB,aAAcJ,EACd,WAAYL,EACZ,WAAYE,EACZ,cAAeN,GAEjBc,SAAUN,EAAY,GAAK,EAC3BO,QAASL,EACTM,UAAWlB,EAAoB,gBAChBE,EAAW,OAASiB,UACnCjB,SAAUS,EACVS,KAAK,SAAQ,eACChB,EAAa,OAAS,QAAO,eAC7BE,EAAU,OAASa,UAAS,cAC7Bd,EAAcgB,OAAOvB,GAClCwB,IAAKC,IACH,GAAIb,GAAaa,GAAMtB,EAAe,CACpCA,EAAcsB,E,IAIlBT,EAAA,sBAAkB,QAAQhB,EAAI0B,WAC9BV,EAAA,QAAMC,MAAM,0BAA0BV,EAAcgB,OAAOvB,IACpD,ECxDb,SAAS2B,EAASC,EAAYC,GAC5B,MAAMC,EAAS,GAEf,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAMI,OAAQD,GAAKF,EAAW,CAChDC,EAAOG,KAAKL,EAAMM,MAAMH,EAAGA,EAAIF,G,CAGjC,OAAOC,CACT,CAEA,SAASK,EAAoBP,EAAYQ,EAAwBC,GAC/D,OAAOT,EAAMU,KAAI,CAACC,EAAGR,KACnB,MAAMS,GAAiBT,EAAIK,GAAkBR,EAAMI,OACnD,OAAOK,EAAMT,EAAMY,GAAe,GAEtC,CAiBO,MAAMC,EAAiE,EAC5EC,eACAC,cACAC,eACAC,eACAC,iBACAC,MACAC,MACAzC,gBACA0C,iBACAC,eACAhD,uBACAC,oBAEA,MAAMJ,EAAQ,IAAIoD,KAClB,MAAMC,EAAOC,EAAeV,EAAaG,GAEzC,OACE9B,EAAA,SAAOC,MAAM,uBAAsB,kBAAkB2B,GACnD5B,EAAA,aACEA,EAAA,UACGmB,EAAcU,EAAaS,SAASC,SAAUT,GAAgBU,GAC7DxC,EAAA,MAAIC,MAAM,8BAA8BwC,MAAM,OAC5CzC,EAAA,sBAAkB,QAAQwC,EAAQE,UAAU,EAAG,IAC/C1C,EAAA,QAAMC,MAAM,0BAA0BuC,QAK9CxC,EAAA,aACGW,EAAMyB,EAAM,GAAGd,KAAIqB,GAClB3C,EAAA,MAAIC,MAAM,sBACP0C,EAAKrB,KAAItC,GACRgB,EAAA,MAAIC,MAAM,uBACRD,EAACnB,EAAe,CACdG,IAAKA,EACLD,MAAOA,EACPD,WAAY6C,EACZrC,WAAYG,EAAQT,EAAK0C,GACzBtC,SAAU6C,EAAejD,GACzBK,QAASA,EAAQL,EAAK+C,EAAKC,GAC3B/C,YAAaiD,EACb3C,cAAeA,EACfL,qBAAsBA,EACtBC,cAAeA,WAOrB,EC1FZ,MAAMyD,EAAkB,gsNCmCxB,SAASC,EAAMC,EAAcC,GAC3B,IAAIjC,EAAmB,GACvB,IAAK,IAAIC,EAAI+B,EAAM/B,GAAKgC,EAAIhC,IAAK,CAC/BD,EAAOG,KAAKF,E,CAEd,OAAOD,CACT,CAEA,MAAMkC,EAAU,CACdC,IAAK,EACLC,IAAK,GACLC,MAAO,GACPC,QAAS,GACTC,UAAW,GACXC,IAAK,GACLC,KAAM,GACNC,KAAM,GACNC,GAAI,GACJC,MAAO,GACPC,KAAM,IAGR,IAAIC,EAAkB,E,MAOTC,EAAY,M,gEAuFfC,KAAAC,cAAwB,KACxBD,KAAAE,cAAwB,KAWxBF,KAAAG,kBAAoB,KAC1BH,KAAKI,YAAc,IAAI,EAGjBJ,KAAAK,mBAAqB,KAC3BL,KAAKI,YAAc,KAAK,EAuClBJ,KAAAM,iBAAoBC,IAC1B,MAAMC,EAAQD,EAAME,eAAe,GACnCT,KAAKC,cAAgBO,EAAME,MAC3BV,KAAKE,cAAgBM,EAAMG,KAAK,EAO1BX,KAAAY,eAAkBL,IACxB,MAAMC,EAAQD,EAAME,eAAe,GACnC,MAAMI,EAAQL,EAAME,MAAQV,KAAKC,cACjC,MAAMa,EAAQN,EAAMG,MAAQX,KAAKE,cACjC,MAAMa,EAAY,GAElB,MAAMC,EAAoBC,KAAKC,IAAIL,IAAUE,GAAaE,KAAKC,IAAIJ,IAAUC,EAE7E,GAAIC,EAAmB,CACrBhB,KAAKmB,UAAUN,EAAQ,EAAI,GAAK,E,CAGlCb,KAAKE,cAAgB,KACrBF,KAAKC,cAAgB,IAAI,EAGnBD,KAAAoB,qBAAwBb,IAC9BA,EAAMc,iBACNrB,KAAKmB,UAAU,EAAE,EAGXnB,KAAAsB,yBAA4Bf,IAClCA,EAAMc,iBACNrB,KAAKmB,WAAW,EAAE,EAGZnB,KAAAuB,yBAA4BhB,IAClC,IAAIiB,EAAU,KAEd,OAAQjB,EAAMrB,SACZ,KAAKA,EAAQU,MACXI,KAAKyB,QAAQ,GACb,MACF,KAAKvC,EAAQQ,KACXM,KAAKyB,SAAS,GACd,MACF,KAAKvC,EAAQW,KACXG,KAAKyB,QAAQ,GACb,MACF,KAAKvC,EAAQS,GACXK,KAAKyB,SAAS,GACd,MACF,KAAKvC,EAAQI,QACX,GAAIiB,EAAMmB,SAAU,CAClB1B,KAAK2B,UAAU,E,KACV,CACL3B,KAAKmB,WAAW,E,CAElB,MACF,KAAKjC,EAAQK,UACX,GAAIgB,EAAMmB,SAAU,CAClB1B,KAAK2B,SAAS,E,KACT,CACL3B,KAAKmB,UAAU,E,CAEjB,MACF,KAAKjC,EAAQO,KACXO,KAAK4B,cACL,MACF,KAAK1C,EAAQM,IACXQ,KAAK6B,YACL,MACF,QACEL,EAAU,MAGd,GAAIA,EAAS,CACXjB,EAAMc,iBACNrB,KAAKG,mB,GAIDH,KAAA8B,gBAAkB,CAACC,EAAoB7G,KAC7C,MAAM8G,EAAYzG,EAAQL,EAAK+G,EAAajC,KAAK/B,KAAMgE,EAAajC,KAAK9B,MACzE,MAAMgE,GAAalC,KAAK7B,eAAejD,GAEvC,GAAI8G,GAAaE,EAAW,CAC1BlC,KAAKmC,QAAQjH,GAEb8E,KAAKoC,WAAWC,KAAK,CACnBC,UAAW,gBACXC,MAAOvC,KAAKuC,MACZC,YAAatH,G,KAEV,CAGL8E,KAAKyC,cAAcvH,E,GAIf8E,KAAA0C,kBAAqBnC,IAC3B,MAAMgC,EAAQI,MAAMC,QAAQrC,EAAMsC,OAAON,OAAShC,EAAMsC,OAAON,MAAM,GAAKhC,EAAMsC,OAAON,MACvFvC,KAAK8C,SAASC,SAASR,EAAO,IAAI,EAG5BvC,KAAAgD,iBAAoBzC,IAC1B,MAAMgC,EAAQI,MAAMC,QAAQrC,EAAMsC,OAAON,OAAShC,EAAMsC,OAAON,MAAM,GAAKhC,EAAMsC,OAAON,MACvFvC,KAAKiD,QAAQF,SAASR,EAAO,IAAI,EAG3BvC,KAAAkD,sBAAyBC,IAG/B,GAAInD,KAAKI,YAAa,CACpBgD,YAAW,IAAMD,EAAQE,SAAS,E,cAhQG,G,SAMnB,G,SAMA,G,oBAMeC,EAAWC,O,gDASY,IAAM,M,yFAgB3C,M,gBACD,IAAIlF,I,CAM1B,oBAAAmF,GACE,GAAIxD,KAAKjC,aAAc,CACrBiC,KAAKyD,gBAAkB,IAAIC,KAAKC,eAAe3D,KAAKjC,aAAa6F,QAAS,CAAE1I,IAAK,UAAW2I,MAAO,Q,EAKvG,YAAAC,CAAaC,GACX,GAAIA,EAAU,CACZ/D,KAAKyC,cAAcR,EAAajC,KAAKuC,O,KAChC,CACLvC,KAAKyC,cAAc,IAAIpE,K,EAM3B,mBAAMoE,CAAcvH,GAClB8E,KAAKhF,WAAagJ,EAAM9I,EAAK+G,EAAajC,KAAK/B,KAAMgE,EAAajC,KAAK9B,K,CAKzE,aAAMiE,CAAQ8B,GACZjE,KAAKuC,MAAQ2B,EAAaD,E,CA+BpB,OAAAxC,CAAQnD,GACd0B,KAAKyC,cAAchB,EAAQzB,KAAKhF,WAAYsD,G,CAGtC,SAAA6C,CAAUgD,GAChBnE,KAAK8C,SAAS9C,KAAKhF,WAAWoJ,WAAaD,E,CAGrC,QAAAxC,CAAS0C,GACfrE,KAAKiD,QAAQjD,KAAKhF,WAAWsJ,cAAgBD,E,CAGvC,WAAAzC,GACN5B,KAAKyC,cAAcb,EAAY5B,KAAKhF,WAAYgF,KAAKhC,gB,CAG/C,SAAA6D,GACN7B,KAAKyC,cAAcZ,EAAU7B,KAAKhF,WAAYgF,KAAKhC,gB,CAG7C,QAAA8E,CAASe,GACf,MAAM5F,EAAM6E,EAASyB,EAAavE,KAAKhF,YAAa6I,GACpD,MAAM3F,EAAMsG,EAAWvG,GACvB,MAAMgG,EAAOnB,EAAS9C,KAAKhF,WAAY6I,GAEvC7D,KAAKyC,cAAcuB,EAAMC,EAAMhG,EAAKC,G,CAG9B,OAAA+E,CAAQwB,GACd,MAAMxG,EAAMgF,EAAQsB,EAAavE,KAAKhF,YAAayJ,GACnD,MAAMvG,EAAMsG,EAAWvG,GACvB,MAAMgG,EAAOhB,EAAQjD,KAAKhF,WAAYyJ,GAEtCzE,KAAKyC,cAAcuB,EAAMC,EAAMhG,EAAKC,G,CA0HtC,uBAAMwG,GAGJ1E,KAAK2E,cAAgB,wBAAwB7E,IAC7CA,IAEAE,KAAK8D,aAAa9D,KAAKuC,OAEvB,IAAKvC,KAAKjC,aAAc,CACtBiC,KAAKjC,mBAAqB6G,OAAOC,eAAeC,MAAMC,kBAAkB/E,KAAKmD,QAAS,W,EAI1F,iBAAA6B,GACEhF,KAAKwD,sB,CAGP,MAAAyB,GACE,MAAMzC,EAAcP,EAAajC,KAAKuC,OACtC,MAAM2C,GAAgB1C,GAAexC,KAAKhF,YAAYsJ,cACtD,MAAMa,EAAenF,KAAKhF,WAAWoJ,WACrC,MAAMgB,EAAcpF,KAAKhF,WAAWsJ,cAEpC,MAAMe,EAAUpD,EAAajC,KAAK/B,KAClC,MAAMqH,EAAUrD,EAAajC,KAAK9B,KAClC,MAAMqH,EACJF,GAAW,MAAQA,EAAQjB,aAAee,GAAgBE,EAAQf,gBAAkBc,EACtF,MAAMI,EACJF,GAAW,MAAQA,EAAQlB,aAAee,GAAgBG,EAAQhB,gBAAkBc,EAEtF,MAAMK,EAAUJ,EAAUA,EAAQf,cAAgBY,EAAe,GACjE,MAAMQ,EAAUJ,EAAUA,EAAQhB,cAAgBY,EAAe,GAEjE,MAAMS,EAAuB3F,KAAKjC,aAAaS,SAASoH,WAAWpI,KAAI,CAACqG,EAAO5G,KACtE,CACLsF,MAAOtF,EAAE4I,WACTC,KAAMjC,EACNvI,UAAWC,EACT,IAAI8C,KAAK+G,EAAanI,EAAG,GACzBoI,EAAUd,EAAac,GAAW,KAClCC,EAAUd,EAAWc,GAAW,UAKtC,MAAMS,EAAsBhH,EAAM0G,EAASC,GAASlI,KAAIiH,IAC/C,CACLlC,MAAOkC,EAAKoB,WACZC,KAAMrB,EAAKoB,eAIf,OACE3J,EAAC8J,EAAI,KACH9J,EAAA,OACEC,MAAO,CACL,gBAAiB,MAGnB8J,aAAcjG,KAAKM,iBACnB4F,WAAYlG,KAAKY,gBAEjB1E,EAAA,OAAKC,MAAM,0BAOTD,EAAA,OAAKC,MAAM,wBAAwBgK,UAAWnG,KAAKK,oBACjDnE,EAAA,OAAKC,MAAM,mCACTD,EAAA,MACEkK,GAAIpG,KAAK2E,cACTxI,MAAM,yBAAwB,YACpB,SAAQ,cACN,QAEX6D,KAAKjC,aAAaS,SAASoH,WAAWT,GACtCnF,KAAKhF,WAAWsJ,eAGnBpI,EAAA,iBACEC,MAAM,0BACNkK,QAAQ,QACRC,KAAK,QACLC,OAAM,yBACY,aAClBC,SAAU,KACVC,YAAa,MACbC,MAAO,CAACvB,EAAaU,YACrBc,QAAShB,EACTiB,MAAO5G,KAAKjC,aAAa8I,iBACzBC,YAAa,KACbC,aAAc/G,KAAK0C,oBAGrBxG,EAAA,iBACEC,MAAM,0BACNkK,QAAQ,QACRC,KAAK,QACLC,OAAM,yBACY,aAClBC,SAAU,KACVC,YAAa,MACbC,MAAO,CAACtB,EAAYS,YACpBc,QAASZ,EACTa,MAAO5G,KAAKjC,aAAaiJ,gBACzBF,YAAa,KACbC,aAAc/G,KAAKgD,oBAwFvB9G,EAAA,OAAKC,MAAM,sBACTD,EAAA,eACEC,MAAM,sBACNkK,QAAQ,WACRC,KAAK,QACLW,KAAK,aACLC,SAAU,KACV7K,QAAS2D,KAAKsB,yBACdhG,SAAUiK,EACV/I,KAAK,SACL2K,UAAWnH,KAAKjC,aAAaqJ,eAC7BC,YAAarH,KAAKsH,sBAAwBtH,KAAKjC,aAAaqJ,iBAE9DlL,EAAA,eACEC,MAAM,sBACNkK,QAAQ,WACRC,KAAK,QACLW,KAAK,cACLC,SAAU,KACV7K,QAAS2D,KAAKoB,qBACd9F,SAAUkK,EACVhJ,KAAK,SACL2K,UAAWnH,KAAKjC,aAAawJ,eAC7BF,YAAarH,KAAKwH,sBAAwBxH,KAAKjC,aAAawJ,mBAKlErL,EAACyB,EAAiB,CAChBlC,cAAeuE,KAAKyD,gBACpB7F,aAAc4E,EACd3E,YAAamC,KAAKhF,WAClBoD,aAAc4B,KAAK8B,gBACnB1G,qBAAsB4E,KAAKuB,yBAC3BzD,aAAckC,KAAK2E,cACnB5G,aAAciC,KAAKjC,aACnBC,eAAgBgC,KAAKhC,eACrB3C,cAAe2E,KAAKkD,sBACpBjF,IAAKoH,EACLnH,IAAKoH,EACLnH,eAAgB6B,KAAK7B,mB"}

package/dist/stzh-components/p-39fa126d.js

@@ -1,2 +0,0 @@
-const t="@oiz/stzh-components";const n="3.0.0-beta3";const o=t.substring(t.indexOf("/")+1);function s(){window.addEventListener("appload",(t=>{const n=document.querySelector("[autofocus]");if(n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}}))}function e(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function i(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:s}=window.stzhComponents.translations;const e=l(o,s);return e.format(t,n)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:s}=window.stzhComponents.translations;const e=l(o,s);return e.parse(t,n)}function r(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:s,$globals:e}=window.stzhComponents.translations;const i=l(s,e);return i.formatSpan(t,n,o)}function c(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:s}=window.stzhComponents.translations;const e=l(o,s);return e.parseSpan(t,n)}function l(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let s=o.getDate().toString(10);let e=s;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){e=`0${e}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,s).replace(/\{d\}/g,e).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const s=function(t,n){if(!n){return}const o=new RegExp(t);const s=n.match(o);if(s){const{groups:t}=s;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const e=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(e)&&(e<1||e>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(e)?e:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const e={format:function(n,s="datetime"){const e={...t[s],...window.stzhComponents?.formats[s]||{}};if(typeof e.format==="string"){return o(e.format,n)}else{return e.format(n)}},parse:function(n,o="datetime"){const e={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof e.parse==="string"){return s(e.parse,n)}else{return e.parse(n)}},formatSpan:function(t,o,s="datetime"){let e=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){e=this.format(t,s)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,s)}let a=n.dateRange;if(s.startsWith("time")){a=n.timeRange}return e+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let s=n.dateRange;if(o.startsWith("time")){s=n.timeRange}const e=t.split(s);const i=this.parse(e[0],o);const a=this.parse(e[1],o);return[i,a,s]}};return e}function f(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function u(t,n){const o=f(t);const s=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&window.stzhComponents.version.match(/-dev-snapshot/i)===null&&s&&Object.keys(s).length>0){return{...s[n]||{},$globals:s.$globals,$locale:s.$code,$formats:s.$formats,$formatsIso:s.$formatsIso,$formatsLegacy:s.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const s=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(s));return{...s[n]||{},$globals:s.$globals,$locale:s.$code,$formats:s.$formats,$formatsIso:s.$formatsIso,$formatsLegacy:s.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const d=Object.freeze({__proto__:null,format:i,parse:a,formatSpan:r,parseSpan:c,createFormatParseAdapter:l,getLocale:f,fetchTranslations:u});function w(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:d});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=u(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}s();e()}const m=w;export{m as g};
-//# sourceMappingURL=p-39fa126d.js.map

package/dist/stzh-components/p-39fa126d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["packageName","packageNameScoped","substring","indexOf","applyAutofocus","window","addEventListener","event","autofocus","document","querySelector","detail","namespace","tagName","toLowerCase","focus","observeScrollbarWidth","config","threshold","handleIntersect","entries","forEach","entry","scrollbarWidth","intersectionRatio","innerWidth","documentElement","clientWidth","style","setProperty","bodyScrollObserver","IntersectionObserver","observe","body","format","date","type","stzhComponents","translations","console","log","$formats","$globals","adapter","createFormatParseAdapter","parse","string","formatSpan","date2","parseSpan","formats","globals","globalFormatter","Date","isNaN","getTime","j","getDate","toString","d","n","getMonth","m","yC","getFullYear","gC","getHours","hC","i","getMinutes","fC","monthNames","mC","monthNamesShort","l","dayNames","getDay","D","dayNamesShort","replace","globalParser","input","regex","RegExp","match","groups","year","parseInt","Y","month","day","hours","G","H","minutes","globalAdapter","dateFormats","formattedDate","formattedDate2","this","range","dateRange","startsWith","timeRange","dates","split","getLocale","element","closestElement","closest","locale","lang","supportedLocales","defaultLocale","async","fetchTranslations","host","component","existingTranslations","JSON","sessionStorage","getItem","version","cacheTranslations","Object","keys","length","$locale","$code","$formatsIso","$formatsLegacy","result","fetch","pathTranslations","ok","data","json","setItem","stringify","exception","error","assign","pathMedia","utils","translationsLoading","then","catch","reason","globalScripts","appGlobalScript"],"sources":["src/global/js/helpers/autofocus.js","src/global/js/helpers/scrollbar-width.js","src/global/js/helpers/utils.js","src/global/js/script.js","@stencil/core/internal/app-globals"],"sourcesContent":["import { name as packageNameScoped } from '../../../../package.json';\n\nconst packageName = packageNameScoped.substring(packageNameScoped.indexOf('/')+1);\n\n/**\n * Execute setFocus method if it exists\n * on stzh-element with autofocus on pageload\n * when (child components are loaded)\n */\nexport function applyAutofocus() {\n  window.addEventListener('appload', (event) => {\n    const autofocus = document.querySelector('[autofocus]');\n\n    if (autofocus\n        && event.detail.namespace === packageName\n        && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0\n        && 'focus' in autofocus\n    ) {\n      autofocus.focus();\n    }\n  });\n}\n","export function observeScrollbarWidth() {\n  const config = {\n    threshold: 1.0\n  };\n\n  const handleIntersect = (entries) => {\n    entries.forEach(entry => {\n      let scrollbarWidth = 0;\n\n      if (entry.intersectionRatio < 1) {\n        // scrollbarWidth = window.innerWidth - document.body.clientWidth;\n        scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n      }\n\n      document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');\n      document.documentElement.style.setProperty('--stzh-scrollbar-active', scrollbarWidth > 0 ? '1' : '0');\n    });\n  };\n\n  const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);\n  bodyScrollObserver.observe(document.body);\n}\n","\nexport function format(date, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.format(date, type);\n}\n\nexport function parse(string, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.parse(string, type);\n}\n\nexport function formatSpan(date, date2, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.formatSpan(date, date2, type);\n}\n\nexport function parseSpan(string, type = \"datetime\") {\n  if (!window.stzhComponents.translations) {\n    console.log(\"Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`\");\n    return;\n  }\n\n  const { $formats, $globals } = window.stzhComponents.translations;\n  const adapter = createFormatParseAdapter($formats, $globals);\n  return adapter.parseSpan(string, type);\n}\n\nexport function createFormatParseAdapter(formats, globals) {\n  // format letters from https://www.php.net/manual/de/datetime.format.php\n  const globalFormatter = function (format, date) {\n    if (!date || !(date instanceof Date) || isNaN(date.getTime())) {\n      return \"\";\n    }\n\n    let j = date.getDate().toString(10);\n    let d = j;\n    let n = (date.getMonth() + 1).toString(10);\n    let m = n;\n    let yC = date.getFullYear().toString(10);\n    let gC = date.getHours().toString(10);\n    let hC = gC;\n    let i = date.getMinutes().toString(10);\n\n    // full textual representation of a month\n    let fC = globals.monthNames[date.getMonth()];\n    // short textual representation of a month\n    let mC = globals.monthNamesShort[date.getMonth()];\n    // full textual representation of the day\n    let l = globals.dayNames[date.getDay()];\n    // short textual representation of the day\n    let D = globals.dayNamesShort[date.getDay()];\n\n    // months *are* zero-indexed, pad if less than 9!\n    if (date.getMonth() < 9) {\n      m = `0${m}`;\n    }\n\n    if (date.getDate() < 10) {\n      d = `0${d}`;\n    }\n\n    if (date.getHours() < 10) {\n      hC = `0${hC}`;\n    }\n\n    if (date.getMinutes() < 10) {\n      i = `0${i}`;\n    }\n\n    return format\n      .replace(/\\{j\\}/g, j)\n      .replace(/\\{d\\}/g, d)\n      .replace(/\\{D\\}/g, D)\n      .replace(/\\{l\\}/g, l)\n      .replace(/\\{n\\}/g, n)\n      .replace(/\\{m\\}/g, m)\n      .replace(/\\{F\\}/g, fC)\n      .replace(/\\{M\\}/g, mC)\n      .replace(/\\{Y\\}/g, yC)\n      .replace(/\\{H\\}/g, hC)\n      .replace(/\\{G\\}/g, gC)\n      .replace(/\\{i\\}/g, i);\n  }\n\n  const globalParser = function (parse, input) {\n    if (!input) {\n      return;\n    }\n\n    const regex = new RegExp(parse);\n    const match = input.match(regex);\n\n    if (match) {\n      const { groups } = match;\n\n      const year = parseInt(groups.Y || '', 10);\n      const month = parseInt(groups.n || groups.m || '', 10);\n      const day = parseInt(groups.j || groups.d || '', 10);\n      const hours = parseInt(groups.G || groups.H || '', 10);\n      const minutes = parseInt(groups.i || '', 10);\n\n      if (!isNaN(year) && (year < 1000 || year > 9999)) {\n        return;\n      }\n\n      if (!isNaN(month) && (month < 1 || month > 12)) {\n        return;\n      }\n\n      // we check day later again (if month changed, it was out of range)\n      if (!isNaN(day) && (day < 1 || day > 31)) {\n        return;\n      }\n\n      if (!isNaN(hours) && (hours < 0 || hours > 23)) {\n        return;\n      }\n\n      if (!isNaN(minutes) && (minutes < 0 || minutes > 59)) {\n        return;\n      }\n\n      const date = new Date(\n        !isNaN(year) ? year : null,\n        !isNaN(month) ? month - 1 : null,\n        !isNaN(day) ? day : null,\n        !isNaN(hours) ? hours : null,\n        !isNaN(minutes) ? minutes : null\n      );\n\n      // if day was out of possible range (1 - 28/29/30/31)\n      // we find out by check if month has changed\n      if (date.getMonth() + 1 !== month) {\n        return;\n      }\n\n      return date;\n    }\n  }\n\n  const globalAdapter = {\n    format: function (date, type = \"datetime\") {\n      const dateFormats = {\n        ...formats[type],\n        ...window.stzhComponents?.formats[type] || {}\n      };\n\n      if (typeof dateFormats.format === \"string\") {\n        return globalFormatter(dateFormats.format, date);\n      } else {\n        return dateFormats.format(date);\n      }\n    },\n    parse: function (input, type = \"datetime\") {\n      const dateFormats = {\n        ...formats[type],\n        ...window.stzhComponents?.formats[type] || {}\n      };\n\n      if (typeof dateFormats.parse === \"string\") {\n        return globalParser(dateFormats.parse, input);\n      } else {\n        return dateFormats.parse(input);\n      }\n    },\n    formatSpan: function(date, date2, type = \"datetime\") {\n      let formattedDate = date;\n      let formattedDate2 = date2;\n\n      if (date instanceof Date && !isNaN(date.getTime())) {\n        formattedDate = this.format(date, type);\n      }\n\n      if (date2 instanceof Date && !isNaN(date2.getTime())) {\n        formattedDate2 = this.format(date2, type);\n      }\n\n      let range = globals.dateRange;\n\n      if (type.startsWith('time')) {\n        range = globals.timeRange;\n      }\n\n      return formattedDate\n        + ((formattedDate2 && (\n            !(formattedDate2 instanceof Date)\n            || formattedDate2 instanceof Date && !isNaN(date.getTime())\n          )) ? range + formattedDate2 : '');\n    },\n    parseSpan: function(string, type) {\n      let range = globals.dateRange;\n\n      if (type.startsWith('time')) {\n        range = globals.timeRange;\n      }\n\n      const dates = string.split(range);\n      const date = this.parse(dates[0], type);\n      const date2 = this.parse(dates[1], type);\n\n      return [date, date2, range];\n    }\n  };\n\n  return globalAdapter;\n}\n\nexport function getLocale(element) {\n  const closestElement = element.closest(\"[lang]\");\n  const locale = closestElement && closestElement.lang.split(\"-\")[0];\n\n  if (window.stzhComponents.supportedLocales.indexOf(locale) === -1 || !locale) {\n    return window.stzhComponents.defaultLocale;\n  } else {\n    return locale;\n  }\n}\n\nexport async function fetchTranslations(host, component) {\n  const locale = getLocale(host);\n  const existingTranslations = JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`));\n\n  if (\n    window.stzhComponents.cacheTranslations\n    && window.stzhComponents.version.match(/-dev-snapshot/i) === null\n    && existingTranslations\n    && Object.keys(existingTranslations).length > 0\n  ) {\n    return {\n      ...existingTranslations[component] || {},\n      $globals: existingTranslations.$globals,\n      $locale: existingTranslations.$code,\n      $formats: existingTranslations.$formats,\n      $formatsIso: existingTranslations.$formatsIso,\n      $formatsLegacy: existingTranslations.$formatsLegacy\n    };\n  }\n\n  try {\n    const result = await fetch(\n      `${window.stzhComponents.pathTranslations}/${locale}.json`\n    );\n\n    if (result.ok) {\n      const data = await result.json();\n      sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));\n      return {\n        ...data[component] || {},\n        $globals: data.$globals,\n        $locale: data.$code,\n        $formats: data.$formats,\n        $formatsIso: data.$formatsIso,\n        $formatsLegacy: data.$formatsLegacy\n      };\n    }\n\n  } catch (exception) {\n    console.error(`Error loading locale: ${locale}`, exception);\n  }\n}\n","import { version } from '../../../package.json';\nimport { applyAutofocus } from './helpers/autofocus';\nimport { observeScrollbarWidth } from './helpers/scrollbar-width';\nimport * as utils from './helpers/utils';\n\nexport default function () {\n  window.stzhComponents = {\n    defaultLocale: 'de',\n    pathMedia: '/',\n    pathTranslations: '/',\n    cacheTranslations: true,\n    formats: {},\n    translations: null,\n    ...window.stzhComponents || {},\n    version,\n    supportedLocales: ['de', 'en'],\n    utils\n  };\n\n  if (window.stzhComponents.translations === null) {\n    window.stzhComponents.translationsLoading = utils.fetchTranslations(document.documentElement).then((translations) => {\n      window.stzhComponents.translations = translations;\n    }).catch((reason) => {\n      console.error(\"Translations couldn't load:\", reason)\n    });\n  }\n\n  applyAutofocus();\n  observeScrollbarWidth();\n}\n","import appGlobalScript from '/builds/OE-5041/desi/desi-code/stzh-components/src/global/js/script.js';\nexport const globalScripts = appGlobalScript;\n"],"mappings":"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"}

package/dist/stzh-components/p-3ca4f71a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhDatamessagelistCss","StzhDatamessagelist","render","classes","h","Host","class","role"],"sources":["src/components/stzh-datamessagelist/stzh-datamessagelist.scss?tag=stzh-datamessagelist&encapsulation=scoped","src/components/stzh-datamessagelist/stzh-datamessagelist.tsx"],"sourcesContent":[":host {\n  ::slotted(*:not(:last-child)) {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n}\n\n.stzh-datamessagelist {\n  @include mq($to: small) {\n    margin-left: calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);\n    margin-right: calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);\n  }\n\n  @include mq($from: small) {\n    border: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n} from \"@stencil/core\";\n\n/**\n */\n@Component({\n  tag: \"stzh-datamessagelist\",\n  styleUrl: \"stzh-datamessagelist.scss\",\n  scoped: true\n})\nexport class StzhDatamessagelist {\n  @Element() element: HTMLStzhDatamessagelistElement;\n\n  render() {\n    const classes = {\n      \"stzh-datamessagelist\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-datamessagelist__list\" role=\"list\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,q0D,MCclBC,EAAmB,M,yBAG9B,MAAAC,GACE,MAAMC,EAAU,CACd,uBAAwB,MAG1B,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,OAAKE,MAAM,6BAA6BC,KAAK,QAC3CH,EAAA,e"}

package/dist/stzh-components/p-4cff0c86.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,e as s,w as a,h,F as i,a as r,g as n}from"./p-c7bfac7a.js";import{h as d}from"./p-7e304ea3.js";import{m as o}from"./p-10e2901a.js";import{t as l,c}from"./p-ed63ed76.js";import{c as m}from"./p-3d5f9ac0.js";import"./p-9b063923.js";const z=".sc-stzh-header-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-header-h{display:none}.sc-stzh-header-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-header-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-header-h .has-focus.sc-stzh-header{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header{outline-style:none !important}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header::-moz-focus-inner{border:0 !important}.sc-stzh-header-h{--logo-width:auto;--logo-height:100%;--logobar-background-color:var(--stzh-header-logobar-background-color)}@media print{.sc-stzh-header-h{display:none}}[logo-type=vbz].sc-stzh-header-h,[logo-type=aoz].sc-stzh-header-h,[logo-type=pkzh].sc-stzh-header-h,[logo-type=uvz].sc-stzh-header-h{--logo-height:1.9375rem}@media screen and (min-width: 900px){[logo-type=vbz].sc-stzh-header-h,[logo-type=aoz].sc-stzh-header-h,[logo-type=pkzh].sc-stzh-header-h,[logo-type=uvz].sc-stzh-header-h{--logo-height:2.1875rem}}@media screen and (min-width: 1600px){[logo-type=vbz].sc-stzh-header-h,[logo-type=aoz].sc-stzh-header-h,[logo-type=pkzh].sc-stzh-header-h,[logo-type=uvz].sc-stzh-header-h{--logo-height:3.3125rem}}.sc-stzh-header-h .sc-stzh-header-s>[slot=logo]{width:var(--logo-width);height:var(--logo-height)}.stzh-header.sc-stzh-header{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-color-grey90)}.stzh-header__inner.sc-stzh-header,.stzh-header__main.sc-stzh-header{max-width:calc(100vw - var(--stzh-scrollbar-width))}@media screen and (min-width: 600px){.stzh-header__inner.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header)}}.stzh-header__vhidden.sc-stzh-header{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-header__main.sc-stzh-header{display:flex;flex-direction:column;background-color:var(--stzh-color-white)}@media screen and (max-width: 599px){.stzh-header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header)}}.stzh-header__metabar.sc-stzh-header{background-color:var(--stzh-color-coolgrey10)}.stzh-header__metabar-inner.sc-stzh-header{margin-left:1.25rem;margin-right:1.25rem;display:flex;align-items:center;height:4rem}@media screen and (min-width: 600px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-header__metabar-inner.sc-stzh-header{height:4rem}}.stzh-header__burger.sc-stzh-header,.stzh-header__search.sc-stzh-header,.stzh-header__metanav-item.sc-stzh-header{color:var(--stzh-color-grey90);transition:color var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-header__burger.sc-stzh-header:hover,.stzh-header__search.sc-stzh-header:hover,.stzh-header__metanav-item.sc-stzh-header:hover{color:var(--stzh-color-black)}.stzh-header__burger.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0;margin-right:var(--stzh-space-medium);gap:var(--stzh-space-medium);color:var(--stzh-color-primary70)}@media screen and (min-width: 600px){.stzh-header__burger.sc-stzh-header{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-header__burger.sc-stzh-header{margin-right:var(--stzh-space-xxxxlarge)}}.stzh-header__burger-icon.is-open.sc-stzh-header{display:none}.stzh-header__burger.is-open.sc-stzh-header .stzh-header__burger-icon.is-open.sc-stzh-header{display:inline-flex}.stzh-header__burger.is-open.sc-stzh-header .stzh-header__burger-icon.is-close.sc-stzh-header{display:none}.stzh-header__metabar-search.sc-stzh-header{overflow:hidden;margin-right:var(--stzh-space-medium);transition-property:width;transition-duration:var(--stzh-base-transition-animation-speed);width:2.5rem;max-width:21.5625rem}.stzh-header__metabar-search.sc-stzh-header:focus-within{width:100%}@media screen and (min-width: 600px){.stzh-header__metabar-search.sc-stzh-header{width:6rem;margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-header__metabar-search.sc-stzh-header{width:10rem;margin-left:0;margin-right:var(--stzh-space-xxxxlarge)}}.stzh-header__search.sc-stzh-header{position:relative;display:block;width:100%}.stzh-header__search-input.sc-stzh-header{width:100%;max-width:100%;background-color:transparent;color:transparent;font-family:inherit;font-size:inherit;border:none;padding:var(--stzh-space-xsmall);padding-left:0;padding-right:0;height:var(--stzh-form-input-small-height);transition-property:padding-left, padding-right, background-color, color;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-header__search-input.sc-stzh-header{color:var(--stzh-color-secondary60);padding-left:calc(var(--stzh-icon-size) + var(--stzh-space-medium))}}.stzh-header__search-input.sc-stzh-header:focus{color:var(--stzh-color-secondary60);background-color:var(--stzh-color-white);padding-left:calc(var(--stzh-space-medium) + var(--stzh-icon-size) + var(--stzh-space-medium));padding-right:var(--stzh-space-xlarge)}.stzh-header__search-input.sc-stzh-header:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-decoration,.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-cancel-button,.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-results-button,.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-header__search-input.sc-stzh-header:focus~.stzh-header__search-icon.sc-stzh-header,.stzh-header__search-input.sc-stzh-header:focus~.stzh-header__search-text.sc-stzh-header{transform:translate(var(--stzh-space-medium), -50%)}.stzh-header__search-input.sc-stzh-header:focus~.stzh-header__search-text.sc-stzh-header{color:var(--stzh-color-grey70)}.stzh-header__search-text.sc-stzh-header,.stzh-header__search-icon.sc-stzh-header{position:absolute;top:50%;transform:translate(0, -50%);transition:transform var(--stzh-base-transition-animation-speed)}.stzh-header__search-icon.sc-stzh-header{left:0px}@media screen and (max-width: 599px){.stzh-header__search-icon.sc-stzh-header{transform:translate(0.5rem, -50%)}}.stzh-header__search-text.sc-stzh-header{pointer-events:none;left:calc(var(--stzh-icon-size) + var(--stzh-space-medium))}@media screen and (max-width: 599px){.stzh-header__search-text.sc-stzh-header{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-header__metabar-nav.sc-stzh-header{display:flex;align-items:center;margin-left:auto;gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-header__metabar-nav.sc-stzh-header{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-header__metabar-nav.sc-stzh-header{gap:var(--stzh-space-xxlarge)}}.stzh-header__metanav-popover.sc-stzh-header{--width:auto;--min-width:15.875rem}.stzh-header__metanav-popover.is-langnav.sc-stzh-header{--min-width:8.75rem}.stzh-header__metanav-item.sc-stzh-header{display:none;gap:var(--stzh-space-small);align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:0;border:none;text-decoration:none;font-size:100%;font-family:inherit;white-space:nowrap;min-width:2.5rem}@media screen and (min-width: 900px){.stzh-header__metanav-item.sc-stzh-header{display:flex}}.stzh-header__metanav-item[aria-expanded=true].sc-stzh-header{color:var(--stzh-color-primary70)}.stzh-header__metanav-item.is-heavy.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-header__metanav-item.is-stay.sc-stzh-header{display:flex}@media screen and (min-width: 900px){.stzh-header__metanav-item.is-popover-mobile.sc-stzh-header{display:none}}.stzh-header__metanav-item.is-popover-desktop.sc-stzh-header{display:none}@media screen and (min-width: 900px){.stzh-header__metanav-item.is-popover-desktop.sc-stzh-header{display:flex}}.stzh-header__metanav-menu-item.is-heavy.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-header__metanav-item-text.sc-stzh-header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-header__metanav-item-text.is-vhidden.sc-stzh-header{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}@media screen and (max-width: 599px){.stzh-header__metanav-item-text.has-no-short-label.sc-stzh-header{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (max-width: 599px){.stzh-header__metanav-item-text-label-long.sc-stzh-header{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-header__metanav-item-text-label-short.sc-stzh-header{display:none}}.stzh-header__metanav-icon-wrapper.sc-stzh-header{position:relative;display:flex;align-items:center;justify-content:center}.stzh-header__metanav-icon-badge.sc-stzh-header{position:absolute;top:-0.25rem;right:-0.25rem}.stzh-header__metanav-icon.is-open.sc-stzh-header{display:none}.stzh-header__metanav-item[aria-expanded=true].sc-stzh-header .stzh-header__metanav-icon.is-open.sc-stzh-header{display:inline-flex}.stzh-header__metanav-item[aria-expanded=true].sc-stzh-header .stzh-header__metanav-icon.is-close.sc-stzh-header{display:none}.stzh-header__logobar.sc-stzh-header{display:flex}@media screen and (min-width: 1600px){.stzh-header__logobar.sc-stzh-header{margin-left:auto;margin-right:auto;width:84.25rem}}.stzh-header__logobar-logo.sc-stzh-header{box-sizing:content-box;display:flex;overflow:hidden;flex-shrink:0}.stzh-header__logobar-decoration.sc-stzh-header{background-color:var(--logobar-background-color);flex-grow:1}@media screen and (min-width: 1600px){.stzh-header__logobar-decoration.sc-stzh-header{width:calc((100% - 34.5625rem) + ((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2));margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-top:0.875rem;padding-bottom:0.6875rem;padding-left:1.25rem;display:inline-flex;width:18rem;height:4.125rem;transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-header__logo-link.sc-stzh-header{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__logo-link.sc-stzh-header{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__logo-link.sc-stzh-header{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-header__logo-link.sc-stzh-header{width:18.75rem;padding-left:2rem}}@media screen and (min-width: 900px){.stzh-header__logo-link.sc-stzh-header{width:24.9375rem;height:5.5rem;padding-top:1.125rem;padding-bottom:1.125rem;padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-header__logo-link.sc-stzh-header{width:38.5625rem;height:8.4375rem;padding-top:1.75rem;padding-bottom:1.5rem;padding-left:4rem}}@media screen and (min-width: 1600px){.stzh-header__logo-link.sc-stzh-header{width:34.5625rem;padding-left:0}}.stzh-header__flyout.sc-stzh-header{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);z-index:calc(var(--stzh-z-index-header) - 1);position:fixed;visibility:hidden;top:0;left:0;right:0;bottom:0;width:100dvw;height:100dvh;overflow:auto;transition:visibility var(--stzh-base-transition-animation-speed)}@media (min-height: 580px){.stzh-header__flyout.sc-stzh-header{overflow:hidden}}@media screen and (min-width: 900px){.stzh-header__flyout.sc-stzh-header{overflow:hidden}}.stzh-header__flyout-backdrop.sc-stzh-header{position:absolute;width:100%;height:100%;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-header__menu.sc-stzh-header{position:absolute;width:100%;height:auto;background-color:var(--stzh-color-secondary30);display:grid;grid-template-rows:auto auto;transition-property:opacity, transform;transition-duration:var(--stzh-base-transition-animation-speed);transform:translateX(-100%);opacity:0}@media (min-height: 580px){.stzh-header__menu.sc-stzh-header{height:100%;grid-template-rows:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-header__menu.sc-stzh-header{height:100%;grid-template-rows:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-header__menu.sc-stzh-header{width:20.9375rem}}@media screen and (min-width: 1260px){.stzh-header__menu.sc-stzh-header{width:23.375rem}}@media screen and (min-width: 1260px){.stzh-header__menu.sc-stzh-header{width:27.4375rem}}@media screen and (min-width: 1600px){.stzh-header__menu.sc-stzh-header{width:calc((27.4375rem - 4rem) + ((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2))}}.stzh-header__menu-nav.sc-stzh-header{position:relative;overflow-x:hidden;overflow-y:hidden}@media (min-height: 580px){.stzh-header__menu-nav.sc-stzh-header{overflow-y:auto}}@media screen and (min-width: 900px){.stzh-header__menu-nav.sc-stzh-header{overflow-y:auto;position:static}}.stzh-header__menu-metanav.sc-stzh-header{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xlarge);background-color:var(--stzh-color-secondary20)}@media screen and (min-width: 900px){.stzh-header__menu-metanav.sc-stzh-header{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-header__menu-metanav.sc-stzh-header{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-header__menu-metanav.sc-stzh-header{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-header__menu-metanav.sc-stzh-header{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-header__menu-metanav.sc-stzh-header{display:none}}.stzh-header__menu-metanav-nav.sc-stzh-header{max-width:23.4375rem}.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-metanav-list.sc-stzh-header{display:block;list-style:none;padding:0;margin:0}.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{padding-top:calc(var(--stzh-header-main-height) + var(--stzh-space-xxxlarge));padding-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 900px){.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{padding-top:calc(var(--stzh-header-main-height) + var(--stzh-space-huge))}}.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{overflow:auto;background-color:var(--stzh-color-secondary20);visibility:hidden;opacity:0;transform:translateX(100%);position:absolute;z-index:200;top:0;left:0;width:100%;height:100%;transition-property:opacity, visibility, transform;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{z-index:initial;width:19.6875rem;transform:none;left:100%;transition-property:opacity, visibility}}@media screen and (min-width: 1260px){.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{width:20.875rem}}@media screen and (min-width: 1600px){.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{width:21.5625rem}}.stzh-header__menu-list.is-level-2.sc-stzh-header{height:-webkit-max-content;height:-moz-max-content;height:max-content}@media (min-height: 580px){.stzh-header__menu-list.is-level-2.sc-stzh-header{height:100%}}@media screen and (min-width: 900px){.stzh-header__menu-list.is-level-2.sc-stzh-header{height:100%}}.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{background-color:var(--stzh-color-secondary30);transform:none;transition-property:opacity, visibility}@media screen and (min-width: 900px){.stzh-header__menu-list.sc-stzh-header:where(:has(>.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-list).sc-stzh-header>.stzh-header__menu-list-item.sc-stzh-header>.stzh-header__menu-list).sc-stzh-header,.stzh-header__menu-list.sc-stzh-header:where(:has(>.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-list).sc-stzh-header>.stzh-header__menu-list-item.sc-stzh-header>.stzh-header__menu-list).sc-stzh-header{transition-delay:var(--stzh-base-transition-animation-speed)}}@media screen and (min-width: 900px){.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-list.sc-stzh-header{z-index:200;transition-delay:0ms;visibility:visible;opacity:1}}@media screen and (min-width: 900px){.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-item.sc-stzh-header{background-color:var(--stzh-color-secondary40)}}@media screen and (min-width: 900px){.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-item.is-level-2.sc-stzh-header,.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-item.is-level-2.sc-stzh-header{background-color:var(--stzh-color-secondary10)}}@media screen and (max-width: 899px){.stzh-header__menu-nav.sc-stzh-header:has(.stzh-header__menu-list-item.is-open),.stzh-header__menu.sc-stzh-header:has(.stzh-header__menu-metanav-list-item.is-open) .stzh-header__menu-nav.sc-stzh-header,.stzh-header__menu-list.sc-stzh-header:has(.stzh-header__menu-list-item.is-open),.stzh-header__menu-metanav-list.sc-stzh-header:has(.stzh-header__menu-metanav-list-item.is-open){transition-property:visibility;transition-duration:0ms;transition-delay:var(--stzh-base-transition-animation-speed);visibility:hidden}}@media screen and (max-width: 899px){.stzh-header__menu-list-item.is-open.sc-stzh-header>.sc-stzh-header:where(.stzh-header__menu-list),.stzh-header__menu-metanav-list-item.is-open.sc-stzh-header>.sc-stzh-header:where(.stzh-header__menu-metanav-list){transform:translateX(0);opacity:1;visibility:visible}}.stzh-header__menu-list-item.sc-stzh-header,.stzh-header__menu-metanav-list-item.sc-stzh-header{display:grid}.stzh-header__menu-list-item.is-backlink.sc-stzh-header{display:block}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-decoration:none;background-color:transparent;color:var(--stzh-color-primary70);padding-left:var(--stzh-space-xxxlarge);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);gap:var(--stzh-space-xsmall);padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small);padding-right:var(--stzh-space-large)}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.sc-stzh-header{cursor:pointer}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.is-title.sc-stzh-header{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);min-height:3.5rem}@media screen and (min-width: 900px){.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.is-title.sc-stzh-header{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.is-title.sc-stzh-header{padding-left:4rem}}@media screen and (min-width: 1600px){.stzh-header__menu-item.is-level-1.sc-stzh-header{padding-left:calc(((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2))}}@media screen and (min-width: 900px){.stzh-header__menu-item.has-items.sc-stzh-header{cursor:default}}.stzh-header__menu-item.is-level-2.sc-stzh-header{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);min-height:3rem}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.sc-stzh-header{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-header__menu-item.is-level-2.sc-stzh-header{padding-left:var(--stzh-space-xxlarge)}}.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-small);min-height:none;padding-left:1.25rem;padding-right:1.25rem;gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{display:none}}.stzh-header__menu-item.is-level-2.is-main.sc-stzh-header{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-bottom:var(--stzh-space-xlarge)}.stzh-header__menu-metanav-item.is-level-1.sc-stzh-header{min-height:2.75rem;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-header__menu-metanav-item.is-level-2.sc-stzh-header{min-height:3.5rem;gap:var(--stzh-space-medium);padding-right:var(--stzh-space-xxlarge)}.stzh-header__menu-metanav-item.is-title.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);justify-content:space-between;padding-top:0;padding-bottom:0;padding-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge);cursor:default}.stzh-header__menu-metanav-item.is-language.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);justify-content:space-between}.stzh-header__menu-metanav-item.is-action.sc-stzh-header{display:grid;padding-right:var(--stzh-space-xxxlarge);margin-top:var(--stzh-space-xlarge)}.stzh-header__menu-metanav-item.is-hidden.sc-stzh-header{display:none}.stzh-header__menu-metanav-item.is-level-1.sc-stzh-header .stzh-header__menu-metanav-item-icon.sc-stzh-header{--size:var(--stzh-icon-size-small)}.stzh-header__menu-metanav-item-text.sc-stzh-header{display:flex;gap:var(--stzh-space-xsmall)}.stzh-header__menu-metanav-item-text.is-vhidden.sc-stzh-header{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-header__menu-metanav-item-counter.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-header--is-search-filled.sc-stzh-header .stzh-header__search-text.sc-stzh-header{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-header--hide-logo.sc-stzh-header .stzh-header__logo-link.sc-stzh-header{opacity:0}@media screen and (min-width: 600px){.stzh-header--is-fixed.sc-stzh-header .stzh-header__inner.sc-stzh-header{transform:translateY(-100%);position:fixed;top:0;left:0;right:0;margin-top:calc(var(--stzh-header-logobar-height) / -1)}}@media screen and (max-width: 599px){.stzh-header--is-fixed.sc-stzh-header .stzh-header__main.sc-stzh-header{transform:translateY(-100%);position:fixed;top:0;left:0;right:0;margin-top:calc(var(--stzh-header-logobar-height) / -1)}}@media screen and (min-width: 600px){.stzh-header--is-fixed-transition.sc-stzh-header .stzh-header__inner.sc-stzh-header{transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.stzh-header--is-fixed-transition.sc-stzh-header .stzh-header__main.sc-stzh-header{transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed)}}.stzh-header--is-sticky.sc-stzh-header .stzh-header__logobar.sc-stzh-header{transition-property:opacity, visibility;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-header--is-sticky.sc-stzh-header .stzh-header__inner.sc-stzh-header,.stzh-header--is-sticky.sc-stzh-header .stzh-header__main.sc-stzh-header{transition-property:transform, margin-top;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-header--is-sticky.sc-stzh-header .stzh-header__inner.sc-stzh-header{transform:translateY(0)}}@media screen and (max-width: 599px){.stzh-header--is-sticky.sc-stzh-header .stzh-header__main.sc-stzh-header{transform:translateY(0)}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar-mobile) .stzh-header__inner.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}@media screen and (max-width: 599px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar-mobile) .stzh-header__main.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}@media screen and (max-width: 899px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar-mobile) .stzh-header__metabar.sc-stzh-header{visibility:hidden}}@media screen and (min-width: 600px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar) .stzh-header__inner.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}@media screen and (max-width: 599px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar) .stzh-header__main.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar) .stzh-header__metabar.sc-stzh-header{visibility:hidden}.stzh-header--is-sticky.sc-stzh-header .stzh-header__logobar.sc-stzh-header{visibility:hidden;opacity:0}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout.sc-stzh-header{visibility:visible}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-backdrop.sc-stzh-header{opacity:1}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-scrollbar.sc-stzh-header{display:none;z-index:999;position:absolute;top:0;right:0;bottom:0;width:var(--stzh-scrollbar-width);background-color:var(--stzh-color-grey10);border-left:calc(0.5px * var(--stzh-scrollbar-active)) solid var(--stzh-color-grey30)}@media (min-height: 580px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-scrollbar.sc-stzh-header{display:block}}@media screen and (min-width: 900px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-scrollbar.sc-stzh-header{display:block}}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__menu.sc-stzh-header{opacity:1;transform:translateX(0)}@media screen and (min-width: 600px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__inner.sc-stzh-header{z-index:var(--stzh-z-index-header);transform:translateY(0);position:fixed;top:0;left:0;right:var(--stzh-scrollbar-width);margin-top:0}}@media screen and (max-width: 599px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__main.sc-stzh-header{z-index:var(--stzh-z-index-header);transform:translateY(0);position:fixed;top:0;left:0;right:var(--stzh-scrollbar-width);margin-top:0}}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__logobar.sc-stzh-header{opacity:1}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__logobar.sc-stzh-header,.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__metabar.sc-stzh-header{visibility:visible}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__logo-link.sc-stzh-header{opacity:1;transition:none}";const p="stzh-header-open";const _=class{constructor(h){e(this,h);this.stzhMetanavItemClick=t(this,"stzhMetanavItemClick",7);this.stzhLanguageChange=t(this,"stzhLanguageChange",7);this.stzhSearchChange=t(this,"stzhSearchChange",7);this.stzhSearchChanged=t(this,"stzhSearchChanged",7);this.lastOpener=null;this.flyoutOpenedByMetanavItem=null;this.handleMenuListFocusout=e=>{const t=!e.currentTarget.contains(e.relatedTarget);if(this.isMedium&&t){this.closeMenuItem(false)}};this.handleBurgerClick=async()=>{if(this.flyoutOpenedByMetanavItem){this.flyoutOpenedByMetanavItem=false;this.closeMetanavItem()}else{this.flyoutOpen=!this.flyoutOpen}const e=this.element.querySelector(".stzh-header__menu-item");if(e){window.setTimeout((()=>{e.focus()}),100)}this.updatePosition()};this.handleBackdropClick=async()=>{this.flyoutOpen=false;this.updatePosition()};this.handleMetanavItemClick=(e,t)=>{this.stzhMetanavItemClick.emit({component:"stzh-header",item:t,originalEvent:e})};this.handleSearchInput=e=>{this.searchValue=this.searchInput.value;this.stzhSearchChange.emit({component:"stzh-header",originalEvent:e,value:this.searchValue})};this.handleSearchChange=e=>{this.searchValue=this.searchInput.value;this.stzhSearchChanged.emit({component:"stzh-header",originalEvent:e,value:this.searchValue})};this.handleLanguageClick=(e,t)=>{if(this.languagePreventUrlchange){e.preventDefault()}this.languageActive=t.value;this.stzhLanguageChange.emit({component:"stzh-header",value:this.languageActive})};this.handleFlyoutResize=()=>{this.resizeMenunavElement()};this.handleResize=()=>{if(this.sticky==="disabled"){return}if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame((()=>{s((()=>{var e,t,s;this.isMedium=o("medium").matches;this.mainHeight=((e=this.mainElement)===null||e===void 0?void 0:e.offsetHeight)||0;this.metabarHeight=((t=this.metabarElement)===null||t===void 0?void 0:t.offsetHeight)||0;this.logobarHeight=((s=this.logobarElement)===null||s===void 0?void 0:s.offsetHeight)||0;this.headerTop=this.element.offsetTop;this.headerHeight=this.metabarHeight+this.logobarHeight}));a((()=>{document.documentElement.style.setProperty("--stzh-header-height",`${this.headerHeight}px`);document.documentElement.style.setProperty("--stzh-header-main-height",`${this.mainHeight}px`);document.documentElement.style.setProperty("--stzh-header-metabar-height",`${this.metabarHeight}px`);document.documentElement.style.setProperty("--stzh-header-logobar-height",`${this.logobarHeight}px`)}));this.scrollListener()}))};this.localization=undefined;this.href="https://www.stadt-zuerich.ch";this.menuId="anchorNavMain";this.searchId="anchorSearch";this.metanavId="anchorNavMeta";this.languageId="anchorNavLang";this.logoType="default";this.menuItems=[];this.menuBackLabel=undefined;this.metanavItems=[];this.languageActive=undefined;this.languages=[];this.languagePreventUrlchange=false;this.languageStay=false;this.searchAction=undefined;this.searchFieldName="q";this.searchValue="";this.sticky="default";this.logoAnalyticsId=undefined;this.hideLogo=false;this.paddingTop=undefined;this.stickyActive=false;this.flyoutOpen=false;this.searchFilled=undefined;this.fixed=false;this.fixedTransition=false;this.currentOpenMenuItem=null;this.currentOpenMetanavItem=null;this.currentOpenLanguage=false}handleKeydown(e){if(e.key==="Escape"){this.flyoutOpen=false}}async flyoutOpenWatcher(e){if(!e){this.currentOpenMenuItem=null;this.currentOpenMetanavItem=null;this.currentOpenLanguage=null;this.flyoutOpenedByMetanavItem=false;document.body.classList.remove(p);this.enableSiblings();if(this.trap){this.trap.deactivate()}}else{document.body.classList.add(p);this.disableSiblings();if(this.trap){this.trap.activate()}}}async fixedWatcher(){this.paddingTop=this.fixed||this.flyoutOpen?this.headerHeight:0;await this.waitForNextRender();this.fixedTransition=this.fixed||this.flyoutOpen}stickyWatcher(){this.updatePosition()}async updatePosition(){if(this.flyoutOpen){return}if(this.sticky==="disabled"){document.documentElement.style.setProperty("--stzh-header-is-stuck","0");document.documentElement.style.setProperty("--stzh-header-is-not-stuck","1");this.stickyActive=false;return}if(this.scrollingUp&&this.belowStayStickyPoint){if(!this.stickyActive&&this.belowStartStickyPoint){this.stickyActive=true;document.documentElement.style.setProperty("--stzh-header-is-stuck","1");document.documentElement.style.setProperty("--stzh-header-is-not-stuck","0")}}else{if(this.stickyActive&&this.belowStayStickyPoint){document.documentElement.style.setProperty("--stzh-header-is-stuck","0");document.documentElement.style.setProperty("--stzh-header-is-not-stuck","1");this.stickyActive=false}else{document.documentElement.style.setProperty("--stzh-header-is-stuck","0");document.documentElement.style.setProperty("--stzh-header-is-not-stuck","1");this.stickyActive=false}}}scrollListener(){if(this.sticky==="disabled"){return}s((()=>{this.currentScrollY=window.scrollY;this.scrollingUp=this.lastScrollY&&this.lastScrollY>this.currentScrollY;this.lastScrollY=this.currentScrollY;this.belowStayStickyPoint=this.currentScrollY>this.logobarHeight;this.belowStartStickyPoint=this.currentScrollY>this.headerHeight;this.fixed=this.belowStartStickyPoint||this.scrollingUp&&this.belowStayStickyPoint&&this.stickyActive;this.headerOverlap=(this.headerTop-this.currentScrollY)/-1;this.hideLogo=this.isMedium&&this.headerOverlap>1}));a((()=>{this.updatePosition()}))}searchValueWatcher(e){this.searchFilled=e!==""}menuItemsWatcher(e){if(typeof e==="string"){this._menuItems=JSON.parse(e)}else{this._menuItems=e}this._menuItems=this._menuItems.map(((e,t)=>Object.assign({id:`submenu-${t}`},e)))}metanavItemsWatcher(e){if(typeof e==="string"){this._metanavItems=JSON.parse(e)}else{this._metanavItems=e}this._metanavItems=this._metanavItems.map(((e,t)=>Object.assign({id:`metanav-submenu-${t}`},e)))}languagesWatcher(e){if(typeof e==="string"){this._languages=JSON.parse(e)}else{this._languages=e}}getSiblings(){if(!this.parentElement){return[]}return Array.from(this.parentElement.children).filter((e=>e!==this.element))}disableSiblings(){this.getSiblings().forEach((e=>{e.setAttribute("aria-hidden","true")}))}enableSiblings(){this.getSiblings().forEach((e=>{e.removeAttribute("aria-hidden")}))}waitForNextRender(){return new Promise((e=>this.renderPromiseResolve=e))}resizeMenunavElement(){if(o("headerMetanavSticky").matches||o("medium").matches||!this.openSubmenuElement){Object.assign(this.menunavElement.style,{height:null})}else{const{height:e}=this.openSubmenuElement.getBoundingClientRect();Object.assign(this.menunavElement.style,{height:`${e}px`})}}async openMenuItem(e,t){this.flyoutOpen=true;this.lastOpener=e.currentTarget;this.openSubmenuElement=this.element.querySelector(`#${t.id}`);this.currentOpenMenuItem=t;await this.waitForNextRender();requestAnimationFrame((()=>{this.menunavElement.scrollTop=0;const e=this.openSubmenuElement&&l(this.openSubmenuElement)[0];e===null||e===void 0?void 0:e.focus();this.resizeMenunavElement()}))}async closeMenuItem(e=true){this.openSubmenuElement=null;this.currentOpenMenuItem=null;await this.waitForNextRender();if(e){requestAnimationFrame((()=>{this.lastOpener.focus();this.lastOpener=null;this.resizeMenunavElement()}))}}async openMetanavItem(e,t){if(!this.flyoutOpen){this.flyoutOpenedByMetanavItem=true;this.flyoutOpen=true}this.lastOpener=e.currentTarget;this.currentOpenMetanavItem=t;await this.waitForNextRender();requestAnimationFrame((()=>{const e=this.element.querySelector(`#${t.id}`);const s=e&&l(e)[0];s===null||s===void 0?void 0:s.focus()}))}async closeMetanavItem(){this.currentOpenMetanavItem=null;if(this.flyoutOpenedByMetanavItem){this.flyoutOpen=false}await this.waitForNextRender();requestAnimationFrame((()=>{this.lastOpener.focus();this.lastOpener=null}))}async openLanguage(e){if(!this.flyoutOpen){this.flyoutOpenedByMetanavItem=true;this.flyoutOpen=true}this.lastOpener=e.currentTarget;this.currentOpenLanguage=true;await this.waitForNextRender();requestAnimationFrame((()=>{const e=this.element.querySelector("#submenu-languages");const t=e&&l(e)[0];t===null||t===void 0?void 0:t.focus()}))}async closeLanguage(){this.currentOpenLanguage=false;if(this.flyoutOpenedByMetanavItem){this.flyoutOpen=false}await this.waitForNextRender();requestAnimationFrame((()=>{this.lastOpener.focus();this.lastOpener=null}))}async componentWillLoad(){this.menuItemsWatcher(this.menuItems);this.metanavItemsWatcher(this.metanavItems);this.languagesWatcher(this.languages);this.searchValueWatcher(this.searchValue);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"header")}}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}if(this.flyoutElement&&this.flyoutResizeObserver){this.flyoutResizeObserver.observe(this.flyoutElement)}}componentDidLoad(){this.trap=c(this.element,Object.assign(Object.assign({},m()),{initialFocus:false}));this.flyoutResizeObserver=new ResizeObserver(this.handleFlyoutResize);if(this.flyoutElement){this.flyoutResizeObserver.observe(this.flyoutElement)}}connectedCallback(){this.parentElement=this.element.parentElement;this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){var e,t;this.flyoutOpenWatcher(false);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();(t=this.flyoutResizeObserver)===null||t===void 0?void 0:t.disconnect()}render(){var e,t,s,a,n,o;const l=d(this.element,"metanav-before");const c=d(this.element,"metanav-after");const m={"stzh-header":true,"stzh-header--is-flyout-open":this.flyoutOpen,"stzh-header--is-sticky-disabled":this.sticky==="disabled","stzh-header--is-search-filled":this.searchFilled,"stzh-header--is-fixed":this.fixed,"stzh-header--is-fixed-transition":this.fixedTransition,"stzh-header--is-sticky":this.stickyActive,"stzh-header--hide-logo":this.hideLogo,"stzh-header--has-empty-metabar-mobile":!l&&!c&&this._metanavItems.filter((e=>e.stay||e.stayAndShowInMobileMenu)).length===0&&this._menuItems.length===0&&(this._languages.length===0||this._languages.length>0&&!this.languageStay)&&!this.searchAction,"stzh-header--has-empty-metabar":!l&&!c&&this._metanavItems.length===0&&this._menuItems.length===0&&this._languages.length===0&&!this.searchAction};const z=this.languageActive||window.stzhComponents.utils.getLocale(this.element);const p=((e=this._languages)===null||e===void 0?void 0:e.find((({value:e})=>e===z)))||((t=this._languages)===null||t===void 0?void 0:t[0])||null;const _=(e,t,s)=>{var a;const i=((a=e.items)===null||a===void 0?void 0:a.length)>0||e.itemButton||!e.href?"button":"a";return h(i,Object.assign({},s,{href:i==="a"&&e.href,target:i==="a"&&e.target,class:Object.assign({"stzh-header__metanav-item":true,"is-heavy":e.important,"is-stay":e.stay||e.stayAndShowInMobileMenu},t||{})}),h("span",{class:{"stzh-header__metanav-item-text":true,"is-vhidden":e.labelHidden,"has-no-short-label":!e.labelShort}},h("span",{class:"stzh-header__metanav-item-text-label-long"},e.label),h("span",{class:"stzh-header__metanav-item-text-label-short","aria-hidden":"true"},e.labelShort)),e.icon&&h("span",{class:"stzh-header__metanav-icon-wrapper"},e.icon&&h("stzh-icon",{class:`stzh-header__metanav-icon ${e.iconOpen?"is-close":""}`,name:e.icon}),e.iconOpen&&h("stzh-icon",{class:"stzh-header__metanav-icon is-open",name:e.iconOpen}),(e.badge||e.badgeEmpty)&&h("stzh-badge",{class:"stzh-header__metanav-icon-badge",label:e.badge,type:typeof e.badgeType==="undefined"?"error":e.badgeType})))};return h(r,null,h("header",{class:m},h("div",{class:"stzh-header__header",style:{paddingTop:`${this.paddingTop}px`}},h("div",{class:"stzh-header__inner"},h("div",{class:"stzh-header__main",ref:e=>this.mainElement=e},h("div",{class:"stzh-header__logobar",ref:e=>this.logobarElement=e},h("div",{class:"stzh-header__logobar-logo"},h("a",{href:this.href,class:"stzh-header__logo-link","s-object-id":this.logoAnalyticsId||"Header Logo"},h("slot",{name:"logo"}))),h("div",{class:"stzh-header__logobar-decoration"})),h("div",{class:"stzh-header__metabar",ref:e=>this.metabarElement=e},h("div",{class:"stzh-header__metabar-inner"},this._menuItems.length>0&&h("button",{id:this.menuId,class:`stzh-header__burger ${this.flyoutOpen&&!this.flyoutOpenedByMetanavItem&&"is-open"}`,onClick:this.handleBurgerClick},h("stzh-icon",{class:"stzh-header__burger-icon is-close",name:"menu"}),h("stzh-icon",{class:"stzh-header__burger-icon is-open",name:"close"}),h("div",{class:"stzh-header__burger-text"},this.localization.menuLabel)),this.searchAction&&h("form",{class:"stzh-header__metabar-search",action:this.searchAction,role:"search"},h("label",{class:"stzh-header__search"},h("input",{id:this.searchId,ref:e=>this.searchInput=e,class:"stzh-header__search-input",type:"search",name:this.searchFieldName,onChange:this.handleSearchChange,onInput:this.handleSearchInput}),h("stzh-icon",{class:"stzh-header__search-icon",name:"search"}),h("div",{class:"stzh-header__search-text"},this.localization.searchLabel))),h("div",{class:"stzh-header__metabar-nav",id:this.metanavId},h("slot",{name:"metanav-before"}),this._metanavItems.map((e=>{var t,s;return((t=e.items)===null||t===void 0?void 0:t.length)>0||e.itemButton?h(i,null,_(e,{"is-popover-mobile":true},{"aria-expanded":e===this.currentOpenMetanavItem?"true":"false","aria-controls":e.id,onClick:t=>{if(e===this.currentOpenMetanavItem){this.closeMetanavItem()}else{this.openMetanavItem(t,e)}this.handleMetanavItemClick(t,e)}}),h("stzh-popover",{class:{"stzh-header__metanav-popover":true},placement:"bottom-end",distance:20,variant:e.variant,size:typeof e.size==="undefined"?"large":e.size},_(e,{"is-popover-desktop":true},{onClick:t=>{this.handleMetanavItemClick(t,e)}}),h("div",{slot:"content"},((s=e.items)===null||s===void 0?void 0:s.length)>0&&h("stzh-menu",null,e.items.map((t=>h("stzh-menu-item",{class:{"stzh-header__metanav-menu-item":true,"is-heavy":typeof e.importantSubmenu==="undefined"||e.importantSubmenu},size:typeof e.size==="undefined"?"large":e.size,variant:e.variant,href:t.href,target:t.target,icon:t.icon,counter:t.counter,badge:t.badge,badgeType:t.badgeType},t.label))))),e.itemButton&&h("stzh-button",{slot:"action",size:e.itemButton.size,href:e.itemButton.href,target:e.itemButton.target},e.itemButton.label))):_(e,{},{onClick:t=>{this.handleMetanavItemClick(t,e)}})})),((s=this._languages)===null||s===void 0?void 0:s.length)>0&&h(i,null,h("h2",{id:this.languageId,class:"stzh-header__vhidden"},this.localization.languageLabel),this._menuItems.length>0&&this.languageStay&&h("button",{class:{"stzh-header__metanav-item":true,"is-popover-mobile":true,"is-stay":this.languageStay},"aria-expanded":this.currentOpenLanguage?"true":"false","aria-controls":"submenu-languages",onClick:e=>{if(this.currentOpenLanguage){this.closeLanguage()}else{this.openLanguage(e)}}},h("span",{class:"stzh-header__metanav-item-text"},p===null||p===void 0?void 0:p.text),h("stzh-icon",{class:"stzh-header__metanav-icon is-close",name:"angle-down"}),h("stzh-icon",{class:"stzh-header__metanav-icon is-open",name:"angle-up"})),h("stzh-popover",{class:"stzh-header__metanav-popover is-langnav",placement:"bottom-end",distance:20},h("button",{class:{"stzh-header__metanav-item":true,"is-popover-desktop":this._menuItems.length>0,"is-stay":this.languageStay}},h("span",{class:"stzh-header__metanav-item-text"},p===null||p===void 0?void 0:p.text),h("stzh-icon",{class:"stzh-header__metanav-icon is-close",name:"angle-down"}),h("stzh-icon",{class:"stzh-header__metanav-icon is-open",name:"angle-up"})),h("div",{slot:"content"},h("stzh-menu",null,this._languages.map((e=>h("stzh-menu-item",{class:"stzh-header__metanav-menu-item",active:(p===null||p===void 0?void 0:p.value)===e.value,href:e.value,onClick:t=>this.handleLanguageClick(t,e)},e.text))))))),h("slot",{name:"metanav-after"}))))))),this._menuItems.length>0&&h("div",{ref:e=>this.flyoutElement=e,class:"stzh-header__flyout"},h("div",{class:"stzh-header__flyout-backdrop",onClick:this.handleBackdropClick}),h("div",{class:"stzh-header__flyout-scrollbar"}),h("div",{class:"stzh-header__menu"},h("nav",{class:"stzh-header__menu-nav",ref:e=>this.menunavElement=e,"aria-label":this.localization.navigationLabel},h("ul",{class:"stzh-header__menu-list is-level-1"},this._menuItems.map((e=>{var t,s;return h("li",{class:{"stzh-header__menu-list-item":true,"is-open":e===this.currentOpenMenuItem}},((t=e.items)===null||t===void 0?void 0:t.length)>0?h("button",{"aria-expanded":e===this.currentOpenMenuItem?"true":"false","aria-controls":e.id,class:"stzh-header__menu-item is-level-1 has-items",onClick:e===this.currentOpenMenuItem?()=>this.closeMenuItem():t=>this.openMenuItem(t,e)},e.label):h("a",{href:e.href,class:"stzh-header__menu-item is-level-1"},e.label),((s=e.items)===null||s===void 0?void 0:s.length)>0&&h("ul",{id:e.id,class:"stzh-header__menu-list is-level-2",onFocusout:this.handleMenuListFocusout},h("li",{class:"stzh-header__menu-list-item is-backlink"},h("button",{class:"stzh-header__menu-item is-level-2 is-backlink",onClick:()=>this.closeMenuItem()},h("stzh-icon",{name:"angle-left"}),h("span",null,this.menuBackLabel?this.menuBackLabel:this.localization.menuBackLabel))),h("li",{class:"stzh-header__menu-list-item"},h("a",{href:e.href,class:"stzh-header__menu-item is-level-2 is-main"},e.label)),e.items.map((e=>h("li",{class:"stzh-header__menu-list-item"},h("a",{href:e.href,class:"stzh-header__menu-item is-level-2"},e.label))))))})))),(((a=this._metanavItems)===null||a===void 0?void 0:a.length)>0||((n=this._languages)===null||n===void 0?void 0:n.length)>0)&&h("div",{class:"stzh-header__menu-metanav"},h("nav",{class:"stzh-header__menu-metanav-nav"},h("ul",{class:"stzh-header__menu-metanav-list is-level-1"},this._metanavItems.map((e=>{var t,s,a;return h("li",{class:{"stzh-header__menu-metanav-list-item":true,"is-open":e===this.currentOpenMetanavItem}},((t=e.items)===null||t===void 0?void 0:t.length)>0?h("button",{"aria-expanded":e===this.currentOpenMetanavItem?"true":"false","aria-controls":e.id,class:{"stzh-header__menu-metanav-item is-level-1":true,"is-hidden":e.stay&&!e.stayAndShowInMobileMenu},onClick:t=>{if(e===this.currentOpenMetanavItem){this.closeMetanavItem()}else{this.openMetanavItem(t,e)}this.handleMetanavItemClick(t,e)}},h("span",{class:{"stzh-header__menu-metanav-item-text":true,"is-vhidden":e.labelHidden}},e.label),e.icon&&h("stzh-icon",{class:"stzh-header__menu-metanav-item-icon",name:e.icon})):h("a",{href:e.href,class:{"stzh-header__menu-metanav-item is-level-1":true,"is-hidden":e.stay&&!e.stayAndShowInMobileMenu},onClick:t=>{this.handleMetanavItemClick(t,e)}},h("span",{class:{"stzh-header__menu-metanav-item-text":true,"is-vhidden":e.labelHidden}},e.label),e.icon&&h("stzh-icon",{class:"stzh-header__menu-metanav-item-icon",name:e.icon})),((s=e.items)===null||s===void 0?void 0:s.length)>0&&h("ul",{id:e.id,class:"stzh-header__menu-metanav-list is-level-2"},h("li",{class:"stzh-header__menu-metanav-list-item"},h("div",{class:"stzh-header__menu-metanav-item is-level-2 is-title"},h("span",null,e.label),h("stzh-button",{class:"stzh-header__menu-metanav-item-icon",variant:"tertiary",icon:"close",iconOnly:true,label:(a=this.localization.closeMetanavMenuLabel)===null||a===void 0?void 0:a.replace(/\{itemLabel\}/gi,e.label),onClick:()=>this.closeMetanavItem()}))),e.items.map((e=>h("li",{class:"stzh-header__menu-metanav-list-item"},h("a",{href:e.href,class:"stzh-header__menu-metanav-item is-level-2"},e.icon&&h("stzh-icon",{class:"stzh-header__menu-metanav-item-icon",name:e.icon}),h("span",{class:"stzh-header__menu-metanav-item-text"},h("span",null,e.label),e.counter&&h("span",{class:"stzh-header__menu-metanav-item-counter"},"(",e.counter,")")))))),e.itemButton&&h("li",{class:"stzh-header__menu-metanav-list-item"},h("div",{class:"stzh-header__menu-metanav-item is-level-2 is-action"},h("stzh-button",{href:e.itemButton.href,target:e.itemButton.target},e.itemButton.label)))))})),((o=this._languages)===null||o===void 0?void 0:o.length)>0&&h("li",{class:{"stzh-header__menu-metanav-list-item":true,"is-open":this.currentOpenLanguage}},h("button",{"aria-expanded":this.currentOpenLanguage?"true":"false","aria-controls":"submenu-languages",class:"stzh-header__menu-metanav-item is-level-1",onClick:e=>this.openLanguage(e)},h("span",null,p===null||p===void 0?void 0:p.text),h("stzh-icon",{class:"stzh-header__menu-metanav-item-icon",name:"angle-down"})),h("ul",{id:"submenu-languages",class:"stzh-header__menu-metanav-list is-level-2"},h("div",{class:"stzh-header__menu-metanav-item is-level-2 is-title"},h("span",null,this.localization.dialogLanguageTitle),h("stzh-button",{class:"stzh-header__menu-metanav-item-icon",variant:"tertiary",icon:"close",iconOnly:true,label:"Sprach-Dialog schliessen",onClick:()=>this.closeLanguage()})),this._languages.map((e=>h("li",{class:"stzh-header__menu-metanav-list-item"},h("a",{class:"stzh-header__menu-metanav-item is-level-2 is-language",href:e.value,onClick:t=>this.handleLanguageClick(t,e)},h("span",null,e.text),(p===null||p===void 0?void 0:p.value)===e.value&&h("stzh-icon",{class:"stzh-header__menu-metanav-item-icon",name:"checkmark"}))))))))))))))}get element(){return n(this)}static get watchers(){return{flyoutOpen:["flyoutOpenWatcher","fixedWatcher"],fixed:["fixedWatcher"],sticky:["stickyWatcher"],searchValue:["searchValueWatcher"],menuItems:["menuItemsWatcher"],metanavItems:["metanavItemsWatcher"],languages:["languagesWatcher"]}}};_.style=z;export{_ as stzh_header};
-//# sourceMappingURL=p-4cff0c86.entry.js.map