@oiz/stzh-components 4.13.0-beta2 → 4.13.0-beta3

package/dist/stzh-components/{p-6eaa5a4d.entry.js → p-c23f1fca.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,a as o,d as n}from"./p-C0D5-aI8.js";import{w as r}from"./p--SdF31O7.js";import{s,a as l,b as a}from"./p-BOO84wnP.js";import{h}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const c=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--content-padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}:host{--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--heading-margin-bottom:var(--stzh-space-medium);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--border-width:0.125rem;--button-font-size:var(\n    --stzh-timeline-nested-button-font-size,\n    var(--stzh-font-milli-font-size)\n  );--button-line-height:var(\n    --stzh-timeline-nested-button-line-height,\n    var(--stzh-font-milli-heading-line-height)\n  );--button-letter-spacing:var(\n    --stzh-timeline-nested-button-line-height,\n    normal\n  );--description-color:var(--stzh-color-black);--button-color:var(--stzh-timeline-item-button-color, var(--stzh-color-primary70));--button-border-color:transparent;--button-background-color:transparent;--bullet-color:var(--stzh-timeline-item-bullet-color, var(--stzh-color-primary70));--bullet-border-color:transparent;--bullet-background-color:var(--stzh-color-grey20);--hover-description-color:var(--description-color);--hover-button-color:var(--button-color);--hover-button-border-color:var(--button-border-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-border-color:var(--bullet-border-color);--hover-bullet-background-color:var(--bullet-background-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){:host{--description-color:CanvasText;--button-color:CanvasText;--button-border-color:Canvas;--bullet-color:var(--button-color);--bullet-border-color:CanvasText;--bullet-background-color:Canvas}}@media screen and (min-width: 600px){:host{--button-font-size:var(\n      --stzh-timeline-nested-button-font-size,\n      var(--stzh-font-centi-font-size)\n    );--button-line-height:var(\n      --stzh-timeline-nested-button-line-height,\n      var(--stzh-font-centi-heading-line-height)\n    )}}:host([is-foldable]){--button-background-color:var(--stzh-color-grey10);--bullet-color:var(--stzh-timeline-item-bullet-color, var(--stzh-color-primary));--bullet-background-color:var(--stzh-color-secondary20);--hover-button-background-color:var(--stzh-color-grey20);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-secondary40)}@media (forced-colors: active){:host([is-foldable]){--description-color:var(--button-color);--button-color:ButtonText;--button-border-color:ButtonBorder;--bullet-color:var(--button-color);--bullet-border-color:ButtonBorder;--bullet-background-color:ButtonFace;--hover-description-color:var(--hover-button-color);--hover-button-color:HighlightText;--hover-button-border-color:Highlight;--hover-button-background-color:Highlight;--hover-bullet-color:var(--hover-button-color);--hover-bullet-border-color:var(--hover-button-border-color);--hover-bullet-background-color:var(--hover-button-background-color)}}:host([open]:not([open=false])){--heading-margin-bottom:0px}@media (forced-colors: none){:host([is-foldable][open]:not([open=false])){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(\n      --stzh-timeline-item-bullet-color,\n      var(--stzh-color-primary70)\n    );--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(\n      --stzh-timeline-item-hover-bullet-background-color,\n      var(--stzh-color-primary90)\n    )}}@media (forced-colors: none){:host([completed]:not([completed=false])){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-secondary60);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}}@media (forced-colors: none){:host([is-foldable][open]:not([open=false])){--hover-bullet-background-color:var(--stzh-color-secondary70)}}:host([disabled]:not([disabled=false])){--button-color:var(--stzh-color-grey80);--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-grey60);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}@media (forced-colors: active){:host([disabled]:not([disabled=false])){--button-color:GrayText;--button-border-color:GrayText;--button-background-color:Canvas;--bullet-color:GrayText;--bullet-border-color:GrayText;--bullet-background-color:Canvas;--hover-button-color:var(--button-color);--hover-button-border-color:var(--button-border-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-border-color:var(--bullet-border-color);--hover-bullet-background-color:var(--bullet-background-color)}}.stzh-timeline-item{display:flex;flex-direction:column}.stzh-timeline-item__heading{position:relative;margin:0}.stzh-timeline-item__button{position:relative;font-size:var(--button-font-size);line-height:var(--button-line-height);letter-spacing:var(--button-letter-spacing);font-family:inherit;width:100%;appearance:none;background-color:transparent;padding:0;border:none;display:flex;color:var(--button-color);text-align:left;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:default}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button{transition:none}}@media (forced-colors: active){.stzh-timeline-item__button{--bullet-offset:calc(var(--stzh-timeline-bullet-size) - var(--border-width));transition:none}.stzh-timeline-item__button::after{content:"";pointer-events:none;visibility:hidden;position:absolute;top:0;left:var(--bullet-offset);width:calc(100% - var(--bullet-offset));height:100%;display:block;border:var(--border-width) solid var(--button-border-color)}}.stzh-timeline-item__button:hover{color:var(--hover-button-color)}@media (forced-colors: active){.stzh-timeline-item__button:hover::after{border-color:var(--hover-button-border-color)}}.stzh-timeline-item__button-inner{display:flex;flex-grow:1;align-items:center;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);background-color:var(--button-background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);min-height:var(--stzh-timeline-bullet-size);padding-left:var(--stzh-space-xsmall);padding-right:var(--stzh-space-small)}@media (forced-colors: active){.stzh-timeline-item__button-inner{transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__button-inner{background-color:var(--hover-button-background-color)}.stzh-timeline-item__button,.stzh-timeline-item__content-inner{padding-left:var(--stzh-timeline-bullet-size)}.stzh-timeline-item__button-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);flex-grow:1}.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xlarge)}}.stzh-timeline-item__button-icon{align-self:flex-start;position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-top:calc(var(--stzh-space-xxsmall) - var(--border-width))}.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform;transition-duration:500ms;transform-origin:top left;background-color:currentColor}@media (forced-colors: active){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{background-color:var(--button-color)}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{transition:none}}.stzh-timeline-item__button-icon::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-timeline-item__button-icon::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-timeline-item__button:hover .stzh-timeline-item__button-icon::before,.stzh-timeline-item__button:hover .stzh-timeline-item__button-icon::after{background-color:var(--hover-button-color)}.stzh-timeline-item__bullet{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);position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:var(--stzh-timeline-bullet-size);height:var(--stzh-timeline-bullet-size);border:var(--border-width) solid var(--bullet-border-color);color:var(--bullet-color);background-color:var(--bullet-background-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__bullet{transition:none}}@media (forced-colors: active){.stzh-timeline-item__bullet{transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__bullet{color:var(--hover-bullet-color);border-color:var(--hover-bullet-border-color);background-color:var(--hover-bullet-background-color)}@media (forced-colors: active){.stzh-timeline-item__bullet-text{forced-color-adjust:preserve-parent-color}}.stzh-timeline-item__bullet-icon-wrapper{--stzh-icon-size:var(--icon-size);display:flex}.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-small)}}.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-micro-font-size);--stzh-timeline-nested-button-line-height:var(\n    --stzh-font-micro-heading-line-height\n  );overflow:hidden}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-milli-font-size);--stzh-timeline-nested-button-line-height:var(\n      --stzh-font-milli-heading-line-height\n    )}}@media print{.stzh-timeline-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-timeline-item__content-inner{padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom);padding-right:var(--content-padding-right)}.stzh-timeline-item__badge{position:absolute;right:-0.3125rem;top:-0.375rem}.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-timeline-item__description{color:var(--description-color);transition:color var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__description{transition:none}}@media (forced-colors: active){.stzh-timeline-item__description{forced-color-adjust:preserve-parent-color;transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__description{color:var(--hover-description-color)}.stzh-timeline-item__heading{margin-bottom:var(--heading-margin-bottom);transition:margin-bottom var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__heading{transition:none}}@media (forced-colors: active){.stzh-timeline-item__heading-text{forced-color-adjust:preserve-parent-color}}.stzh-timeline-item__heading-text,.stzh-timeline-item__description{display:block}.stzh-timeline-item{}.stzh-timeline-item--is-foldable .stzh-timeline-item__button{cursor:pointer}.stzh-timeline-item--is-foldable .stzh-timeline-item__button::after{visibility:visible}.stzh-timeline-item{}.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::before,.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::after{transform:rotate(0) translate(-50%, -50%)}.stzh-timeline-item{}.stzh-timeline-item--is-disabled .stzh-timeline-item__button{cursor:not-allowed}`;const d={keyframes:[{height:"0"},{height:"auto"}],options:{duration:300,easing:"linear"}};const m={keyframes:[{height:"auto"},{height:"0"}],options:{duration:300,easing:"linear"}};let b=0;const u=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen");this.stzhOpened=e(this,"stzhOpened");this.stzhClose=e(this,"stzhClose");this.stzhClosed=e(this,"stzhClosed");this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.open=false;this.disabled=false;this.completed=false;this.heading="";this.description="";this.step=1;this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.rootTabindex=0;this._foldable=false;this.toggledByMethod=false;this.focusedByInput=false;this.shiftPressed=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;if(this.shiftPressed){this.rootTabindex=-1}this.stzhFocus.emit({component:"stzh-timeline-item",originalEvent:t})};this.onBlur=t=>{this.rootTabindex=0;this.stzhBlur.emit({component:"stzh-timeline-item",originalEvent:t})};this.handleFoldableChange=t=>{this.foldableWatcher(this.foldable)};this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.timeline||this.timeline.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onButtonKeydown=t=>{let e=null;if(t.key==="ArrowDown"){e="next"}else if(t.key==="ArrowUp"){e="prev"}else if(t.key==="Home"){e="first"}else if(t.key==="End"){e="last"}else if(t.key==="PageDown"&&t.ctrlKey){e="next"}else if(t.key==="PageUp"&&t.ctrlKey){e="prev"}if(t.key==="Shift"){this.rootTabindex=-1}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let e=null;if(t.key==="PageDown"){e="next"}else if(t.key==="PageUp"){e="prev"}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}}}async show(){if(this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-timeline-item"})}await s(this.bodyElement);this.bodyElement.hidden=false;await l(this.bodyElement,a(d.keyframes,{height:this.bodyElement.scrollHeight}),d.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-timeline-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-timeline-item"})}await s(this.bodyElement);this.bodyElement.style.overflow="hidden";await l(this.bodyElement,a(m.keyframes,{height:this.bodyElement.scrollHeight}),m.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-timeline-item"})}}this.toggledByMethod=false}foldableWatcher(t){if(typeof t!=="undefined"){this._foldable=t}else if(this.timeline){this._foldable=this.timeline.foldable}if(!this._foldable){this.open=true}}handleKeydown(t){if(t.key==="Shift"){this.shiftPressed=true}}handleKeyup(t){if(t.key==="Shift"){this.shiftPressed=false}}componentWillLoad(){this.timelineItemId=`stzh-timeline-item-${b++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.timeline=this.element.closest("stzh-timeline");if(this.timeline){this.timeline.addEventListener("stzhFoldableChange",this.handleFoldableChange)}this.foldableWatcher(this.foldable)}disconnectedCallback(){if(this.timeline){this.timeline.removeEventListener("stzhFoldableChange",this.handleFoldableChange);this.timeline=null}}render(){const t=`h${this.headingLevel}`;const e=!!this.icon||h(this.element,"icon");const n={"stzh-timeline-item":true,"stzh-timeline-item--has-description":!!this.description,"stzh-timeline-item--is-open":this.open,"stzh-timeline-item--is-disabled":this.disabled,"stzh-timeline-item--is-foldable":this._foldable,"stzh-timeline-item--is-completed":this.completed};return i(o,{key:"930482ee6c9bc0e3a09acf43e184b99d916fc1e0",role:"listitem","is-foldable":this._foldable,tabindex:this.disabled?null:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"132029773724ca80b2fc1b9197c319c177bca025",class:n},i(t,{key:"c0347d74af49b847af742cc052937a85ecfa7334",id:`${this.timelineItemId}-header`,class:"stzh-timeline-item__heading",onClick:this.handleHeaderClick},i("button",{key:"3ac98122e4b5e4905061f9f30d22bf5b1b480b90",ref:t=>this.buttonElement=t,class:"stzh-timeline-item__button","aria-controls":`${this.timelineItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,"aria-disabled":!this._foldable?"true":"false",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"18a4877faf05faa794fdc8fd9f02043ebe58120b",class:"stzh-timeline-item__bullet"},e||this.completed?i("span",{class:"stzh-timeline-item__bullet-icon-wrapper"},this.icon||this.completed?i("stzh-icon",{class:"stzh-timeline-item__bullet-icon",name:this.icon?this.icon:"checkmark"}):i("slot",{name:"icon"})):i("span",{class:"stzh-timeline-item__bullet-text"},this.step),(this.badge||this.badgeEmpty)&&i("stzh-badge",{key:"cd44fed3b57708b383027c23d45c6216b1a278a7",class:"stzh-timeline-item__badge",label:this.badge,type:this.badgeType})),i("div",{key:"baa755c58fc348532372fedd689315347b826003",class:"stzh-timeline-item__button-inner"},i("span",{key:"21b68e0de062864d8b611615bd118ed2af536536",class:"stzh-timeline-item__button-text"},i("span",{key:"d42906d3dc1ce4e319b4298c60e39cc99e69270a",class:"stzh-timeline-item__heading-text"},this.heading),i("span",{key:"827a608fabd03e4828d0d58cf93192f3b49f3699",class:"stzh-timeline-item__description"},this.description)),this._foldable&&i("span",{key:"3dcf1e2c05cabf49ab34784a529f0b3eab517787",class:"stzh-timeline-item__button-icon"})))),i("div",{key:"1127803b95633dbee2f5d36e392d5ee35d9f3ec1",id:`${this.timelineItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-timeline-item__content","aria-labelledby":`${this.timelineItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},i("div",{key:"ad6efefd864f4cd9909857f1d99c046fcf90870c",class:"stzh-timeline-item__content-inner"},i("slot",{key:"0ff1a00e931ea5de6d42713a189b2b61ceb96c62"})))))}get element(){return n(this)}static get watchers(){return{open:["openWatcher"],foldable:["foldableWatcher"]}}};u.style=c();export{u as stzh_timeline_item};
-//# sourceMappingURL=p-6eaa5a4d.entry.js.map
+import{r as t,c as e,h as i,a as o,d as n}from"./p-D21RGl5H.js";import{w as r}from"./p--SdF31O7.js";import{s,a as l,b as a}from"./p-BOO84wnP.js";import{h}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const c=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--content-padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}:host{--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--heading-margin-bottom:var(--stzh-space-medium);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--border-width:0.125rem;--button-font-size:var(\n    --stzh-timeline-nested-button-font-size,\n    var(--stzh-font-milli-font-size)\n  );--button-line-height:var(\n    --stzh-timeline-nested-button-line-height,\n    var(--stzh-font-milli-heading-line-height)\n  );--button-letter-spacing:var(\n    --stzh-timeline-nested-button-line-height,\n    normal\n  );--description-color:var(--stzh-color-black);--button-color:var(--stzh-timeline-item-button-color, var(--stzh-color-primary70));--button-border-color:transparent;--button-background-color:transparent;--bullet-color:var(--stzh-timeline-item-bullet-color, var(--stzh-color-primary70));--bullet-border-color:transparent;--bullet-background-color:var(--stzh-color-grey20);--hover-description-color:var(--description-color);--hover-button-color:var(--button-color);--hover-button-border-color:var(--button-border-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-border-color:var(--bullet-border-color);--hover-bullet-background-color:var(--bullet-background-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){:host{--description-color:CanvasText;--button-color:CanvasText;--button-border-color:Canvas;--bullet-color:var(--button-color);--bullet-border-color:CanvasText;--bullet-background-color:Canvas}}@media screen and (min-width: 600px){:host{--button-font-size:var(\n      --stzh-timeline-nested-button-font-size,\n      var(--stzh-font-centi-font-size)\n    );--button-line-height:var(\n      --stzh-timeline-nested-button-line-height,\n      var(--stzh-font-centi-heading-line-height)\n    )}}:host([is-foldable]){--button-background-color:var(--stzh-color-grey10);--bullet-color:var(--stzh-timeline-item-bullet-color, var(--stzh-color-primary));--bullet-background-color:var(--stzh-color-secondary20);--hover-button-background-color:var(--stzh-color-grey20);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-secondary40)}@media (forced-colors: active){:host([is-foldable]){--description-color:var(--button-color);--button-color:ButtonText;--button-border-color:ButtonBorder;--bullet-color:var(--button-color);--bullet-border-color:ButtonBorder;--bullet-background-color:ButtonFace;--hover-description-color:var(--hover-button-color);--hover-button-color:HighlightText;--hover-button-border-color:Highlight;--hover-button-background-color:Highlight;--hover-bullet-color:var(--hover-button-color);--hover-bullet-border-color:var(--hover-button-border-color);--hover-bullet-background-color:var(--hover-button-background-color)}}:host([open]:not([open=false])){--heading-margin-bottom:0px}@media (forced-colors: none){:host([is-foldable][open]:not([open=false])){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(\n      --stzh-timeline-item-bullet-color,\n      var(--stzh-color-primary70)\n    );--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(\n      --stzh-timeline-item-hover-bullet-background-color,\n      var(--stzh-color-primary90)\n    )}}@media (forced-colors: none){:host([completed]:not([completed=false])){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-secondary60);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}}@media (forced-colors: none){:host([is-foldable][open]:not([open=false])){--hover-bullet-background-color:var(--stzh-color-secondary70)}}:host([disabled]:not([disabled=false])){--button-color:var(--stzh-color-grey80);--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-grey60);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}@media (forced-colors: active){:host([disabled]:not([disabled=false])){--button-color:GrayText;--button-border-color:GrayText;--button-background-color:Canvas;--bullet-color:GrayText;--bullet-border-color:GrayText;--bullet-background-color:Canvas;--hover-button-color:var(--button-color);--hover-button-border-color:var(--button-border-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-border-color:var(--bullet-border-color);--hover-bullet-background-color:var(--bullet-background-color)}}.stzh-timeline-item{display:flex;flex-direction:column}.stzh-timeline-item__heading{position:relative;margin:0}.stzh-timeline-item__button{position:relative;font-size:var(--button-font-size);line-height:var(--button-line-height);letter-spacing:var(--button-letter-spacing);font-family:inherit;width:100%;appearance:none;background-color:transparent;padding:0;border:none;display:flex;color:var(--button-color);text-align:left;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:default}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button{transition:none}}@media (forced-colors: active){.stzh-timeline-item__button{--bullet-offset:calc(var(--stzh-timeline-bullet-size) - var(--border-width));transition:none}.stzh-timeline-item__button::after{content:"";pointer-events:none;visibility:hidden;position:absolute;top:0;left:var(--bullet-offset);width:calc(100% - var(--bullet-offset));height:100%;display:block;border:var(--border-width) solid var(--button-border-color)}}.stzh-timeline-item__button:hover{color:var(--hover-button-color)}@media (forced-colors: active){.stzh-timeline-item__button:hover::after{border-color:var(--hover-button-border-color)}}.stzh-timeline-item__button-inner{display:flex;flex-grow:1;align-items:center;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);background-color:var(--button-background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);min-height:var(--stzh-timeline-bullet-size);padding-left:var(--stzh-space-xsmall);padding-right:var(--stzh-space-small)}@media (forced-colors: active){.stzh-timeline-item__button-inner{transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__button-inner{background-color:var(--hover-button-background-color)}.stzh-timeline-item__button,.stzh-timeline-item__content-inner{padding-left:var(--stzh-timeline-bullet-size)}.stzh-timeline-item__button-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);flex-grow:1}.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xlarge)}}.stzh-timeline-item__button-icon{align-self:flex-start;position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-top:calc(var(--stzh-space-xxsmall) - var(--border-width))}.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform;transition-duration:500ms;transform-origin:top left;background-color:currentColor}@media (forced-colors: active){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{background-color:var(--button-color)}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{transition:none}}.stzh-timeline-item__button-icon::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-timeline-item__button-icon::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-timeline-item__button:hover .stzh-timeline-item__button-icon::before,.stzh-timeline-item__button:hover .stzh-timeline-item__button-icon::after{background-color:var(--hover-button-color)}.stzh-timeline-item__bullet{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);position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:var(--stzh-timeline-bullet-size);height:var(--stzh-timeline-bullet-size);border:var(--border-width) solid var(--bullet-border-color);color:var(--bullet-color);background-color:var(--bullet-background-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__bullet{transition:none}}@media (forced-colors: active){.stzh-timeline-item__bullet{transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__bullet{color:var(--hover-bullet-color);border-color:var(--hover-bullet-border-color);background-color:var(--hover-bullet-background-color)}@media (forced-colors: active){.stzh-timeline-item__bullet-text{forced-color-adjust:preserve-parent-color}}.stzh-timeline-item__bullet-icon-wrapper{--stzh-icon-size:var(--icon-size);display:flex}.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-small)}}.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-micro-font-size);--stzh-timeline-nested-button-line-height:var(\n    --stzh-font-micro-heading-line-height\n  );overflow:hidden}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-milli-font-size);--stzh-timeline-nested-button-line-height:var(\n      --stzh-font-milli-heading-line-height\n    )}}@media print{.stzh-timeline-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-timeline-item__content-inner{padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom);padding-right:var(--content-padding-right)}.stzh-timeline-item__badge{position:absolute;right:-0.3125rem;top:-0.375rem}.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-timeline-item__description{color:var(--description-color);transition:color var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__description{transition:none}}@media (forced-colors: active){.stzh-timeline-item__description{forced-color-adjust:preserve-parent-color;transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__description{color:var(--hover-description-color)}.stzh-timeline-item__heading{margin-bottom:var(--heading-margin-bottom);transition:margin-bottom var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__heading{transition:none}}@media (forced-colors: active){.stzh-timeline-item__heading-text{forced-color-adjust:preserve-parent-color}}.stzh-timeline-item__heading-text,.stzh-timeline-item__description{display:block}.stzh-timeline-item{}.stzh-timeline-item--is-foldable .stzh-timeline-item__button{cursor:pointer}.stzh-timeline-item--is-foldable .stzh-timeline-item__button::after{visibility:visible}.stzh-timeline-item{}.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::before,.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::after{transform:rotate(0) translate(-50%, -50%)}.stzh-timeline-item{}.stzh-timeline-item--is-disabled .stzh-timeline-item__button{cursor:not-allowed}`;const d={keyframes:[{height:"0"},{height:"auto"}],options:{duration:300,easing:"linear"}};const m={keyframes:[{height:"auto"},{height:"0"}],options:{duration:300,easing:"linear"}};let b=0;const u=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen");this.stzhOpened=e(this,"stzhOpened");this.stzhClose=e(this,"stzhClose");this.stzhClosed=e(this,"stzhClosed");this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.open=false;this.disabled=false;this.completed=false;this.heading="";this.description="";this.step=1;this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.rootTabindex=0;this._foldable=false;this.toggledByMethod=false;this.focusedByInput=false;this.shiftPressed=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;if(this.shiftPressed){this.rootTabindex=-1}this.stzhFocus.emit({component:"stzh-timeline-item",originalEvent:t})};this.onBlur=t=>{this.rootTabindex=0;this.stzhBlur.emit({component:"stzh-timeline-item",originalEvent:t})};this.handleFoldableChange=t=>{this.foldableWatcher(this.foldable)};this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.timeline||this.timeline.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onButtonKeydown=t=>{let e=null;if(t.key==="ArrowDown"){e="next"}else if(t.key==="ArrowUp"){e="prev"}else if(t.key==="Home"){e="first"}else if(t.key==="End"){e="last"}else if(t.key==="PageDown"&&t.ctrlKey){e="next"}else if(t.key==="PageUp"&&t.ctrlKey){e="prev"}if(t.key==="Shift"){this.rootTabindex=-1}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let e=null;if(t.key==="PageDown"){e="next"}else if(t.key==="PageUp"){e="prev"}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}}}async show(){if(this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-timeline-item"})}await s(this.bodyElement);this.bodyElement.hidden=false;await l(this.bodyElement,a(d.keyframes,{height:this.bodyElement.scrollHeight}),d.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-timeline-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-timeline-item"})}await s(this.bodyElement);this.bodyElement.style.overflow="hidden";await l(this.bodyElement,a(m.keyframes,{height:this.bodyElement.scrollHeight}),m.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-timeline-item"})}}this.toggledByMethod=false}foldableWatcher(t){if(typeof t!=="undefined"){this._foldable=t}else if(this.timeline){this._foldable=this.timeline.foldable}if(!this._foldable){this.open=true}}handleKeydown(t){if(t.key==="Shift"){this.shiftPressed=true}}handleKeyup(t){if(t.key==="Shift"){this.shiftPressed=false}}componentWillLoad(){this.timelineItemId=`stzh-timeline-item-${b++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.timeline=this.element.closest("stzh-timeline");if(this.timeline){this.timeline.addEventListener("stzhFoldableChange",this.handleFoldableChange)}this.foldableWatcher(this.foldable)}disconnectedCallback(){if(this.timeline){this.timeline.removeEventListener("stzhFoldableChange",this.handleFoldableChange);this.timeline=null}}render(){const t=`h${this.headingLevel}`;const e=!!this.icon||h(this.element,"icon");const n={"stzh-timeline-item":true,"stzh-timeline-item--has-description":!!this.description,"stzh-timeline-item--is-open":this.open,"stzh-timeline-item--is-disabled":this.disabled,"stzh-timeline-item--is-foldable":this._foldable,"stzh-timeline-item--is-completed":this.completed};return i(o,{key:"930482ee6c9bc0e3a09acf43e184b99d916fc1e0",role:"listitem","is-foldable":this._foldable,tabindex:this.disabled?null:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"132029773724ca80b2fc1b9197c319c177bca025",class:n},i(t,{key:"c0347d74af49b847af742cc052937a85ecfa7334",id:`${this.timelineItemId}-header`,class:"stzh-timeline-item__heading",onClick:this.handleHeaderClick},i("button",{key:"3ac98122e4b5e4905061f9f30d22bf5b1b480b90",ref:t=>this.buttonElement=t,class:"stzh-timeline-item__button","aria-controls":`${this.timelineItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,"aria-disabled":!this._foldable?"true":"false",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"18a4877faf05faa794fdc8fd9f02043ebe58120b",class:"stzh-timeline-item__bullet"},e||this.completed?i("span",{class:"stzh-timeline-item__bullet-icon-wrapper"},this.icon||this.completed?i("stzh-icon",{class:"stzh-timeline-item__bullet-icon",name:this.icon?this.icon:"checkmark"}):i("slot",{name:"icon"})):i("span",{class:"stzh-timeline-item__bullet-text"},this.step),(this.badge||this.badgeEmpty)&&i("stzh-badge",{key:"cd44fed3b57708b383027c23d45c6216b1a278a7",class:"stzh-timeline-item__badge",label:this.badge,type:this.badgeType})),i("div",{key:"baa755c58fc348532372fedd689315347b826003",class:"stzh-timeline-item__button-inner"},i("span",{key:"21b68e0de062864d8b611615bd118ed2af536536",class:"stzh-timeline-item__button-text"},i("span",{key:"d42906d3dc1ce4e319b4298c60e39cc99e69270a",class:"stzh-timeline-item__heading-text"},this.heading),i("span",{key:"827a608fabd03e4828d0d58cf93192f3b49f3699",class:"stzh-timeline-item__description"},this.description)),this._foldable&&i("span",{key:"3dcf1e2c05cabf49ab34784a529f0b3eab517787",class:"stzh-timeline-item__button-icon"})))),i("div",{key:"1127803b95633dbee2f5d36e392d5ee35d9f3ec1",id:`${this.timelineItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-timeline-item__content","aria-labelledby":`${this.timelineItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},i("div",{key:"ad6efefd864f4cd9909857f1d99c046fcf90870c",class:"stzh-timeline-item__content-inner"},i("slot",{key:"0ff1a00e931ea5de6d42713a189b2b61ceb96c62"})))))}get element(){return n(this)}static get watchers(){return{open:["openWatcher"],foldable:["foldableWatcher"]}}};u.style=c();export{u as stzh_timeline_item};
+//# sourceMappingURL=p-c23f1fca.entry.js.map