@oiz/stzh-components 4.12.0 → 4.12.1-beta1

package/dist/stzh-components/{p-4c67ddc8.entry.js → p-67b2d82d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,a as s,d as n}from"./p-CMm0FVAs.js";import{w as a}from"./p--SdF31O7.js";import{s as h,a as o,b as r}from"./p-BOO84wnP.js";import{m as d,a as c,r as p}from"./p-CUGRmgip.js";const m=()=>`: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{--padding-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu{scrollbar-color:var(--stzh-color-primary40) var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{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);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{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);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)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{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);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{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)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__sub-menu.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu{}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu{}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}`;const l={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const u={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let z=0;const v=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.stzhMenuItemClick=e(this,"stzhMenuItemClick");this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.rootTabindex=0;this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=d("small").matches;this.isMedium=d("medium").matches;this.isLarge=d("large").matches;this.isUltra=d("ultra").matches;if(this.isMedium||this.isLarge||this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}}}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(l.keyframes,{height:this.bodyElement.scrollHeight}),l.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:{"stzh-pi-menu__sub-menu":true,active:t.active}},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true}},t.label)," ",((e=t.items)===null||e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null||e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${z++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium||this.isLarge||this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"36015ffafb4adfba9ab41d9b081be708f3f071e8",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"08a861ee169b9081052d26b9754d1c9d338d1832",class:"stzh-pi-menu-positioner"},i("div",{key:"a5ba39c2581d951d9737a96dd8a2838bdff0d17c",class:e,style:{width:r}},i("div",{key:"a3b18bc27e04d54c7d84677d217de0f57ef0acc9",class:n,onClick:this.handleBackdropClick}),i(t,{key:"c0debf902c417ed701766dce5a8aa178acb426d7",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"7e9f51c1ffe00b9e33ed0aa512fb08d030877428",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"ad5b9db7571f1de1733ade202b58f59e1db3dabf",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"8eb0e48a97056f1378d38a916cc44666e3471832",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"928d39fc8e68fa0cb3d1915f4bcfba0a8ececa45",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"b98f8c01f61c73498e73f3ac1be25e6dad53a60c",class:"stzh-pi-menu__content-inner"},i("nav",{key:"fa52a4d2e49c8ef0c42582550e2a099a1062b17d",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"d900480dc83c64f5608e753680e1a4e86680db75",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"cbcf40c5f8adb102ce64917464402fb1a440b0cb",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"ed0a0f4aa3c54ae85d947c6498c8a3ef8f919c66",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"949b0d4c2ef0e3f00eb6ec3018d1b5eff4093c43",class:"stzh-pi-menu__button-text"},i("span",{key:"0a9695584bc2088bc22a004616ef7716549300e6",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"07761cd5b334ac2621f38342c69e450bbbef35b2",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};v.style=m();export{v as stzh_pi_menu};
-//# sourceMappingURL=p-4c67ddc8.entry.js.map
+import{r as t,c as e,h as i,a as s,d as n}from"./p-BDy81lpO.js";import{w as a}from"./p--SdF31O7.js";import{s as h,a as o,b as r}from"./p-BOO84wnP.js";import{m as d,a as c,r as p}from"./p-CUGRmgip.js";const m=()=>`: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{--padding-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu{scrollbar-color:var(--stzh-color-primary40) var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{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);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{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);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)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{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);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{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)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__sub-menu.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu{}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu{}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}`;const l={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const u={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let z=0;const v=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.stzhMenuItemClick=e(this,"stzhMenuItemClick");this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.rootTabindex=0;this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=d("small").matches;this.isMedium=d("medium").matches;this.isLarge=d("large").matches;this.isUltra=d("ultra").matches;if(this.isMedium||this.isLarge||this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}}}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(l.keyframes,{height:this.bodyElement.scrollHeight}),l.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:{"stzh-pi-menu__sub-menu":true,active:t.active}},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true}},t.label)," ",((e=t.items)===null||e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null||e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${z++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium||this.isLarge||this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"36015ffafb4adfba9ab41d9b081be708f3f071e8",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"08a861ee169b9081052d26b9754d1c9d338d1832",class:"stzh-pi-menu-positioner"},i("div",{key:"a5ba39c2581d951d9737a96dd8a2838bdff0d17c",class:e,style:{width:r}},i("div",{key:"a3b18bc27e04d54c7d84677d217de0f57ef0acc9",class:n,onClick:this.handleBackdropClick}),i(t,{key:"c0debf902c417ed701766dce5a8aa178acb426d7",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"7e9f51c1ffe00b9e33ed0aa512fb08d030877428",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"ad5b9db7571f1de1733ade202b58f59e1db3dabf",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"8eb0e48a97056f1378d38a916cc44666e3471832",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"928d39fc8e68fa0cb3d1915f4bcfba0a8ececa45",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"b98f8c01f61c73498e73f3ac1be25e6dad53a60c",class:"stzh-pi-menu__content-inner"},i("nav",{key:"fa52a4d2e49c8ef0c42582550e2a099a1062b17d",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"d900480dc83c64f5608e753680e1a4e86680db75",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"cbcf40c5f8adb102ce64917464402fb1a440b0cb",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"ed0a0f4aa3c54ae85d947c6498c8a3ef8f919c66",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"949b0d4c2ef0e3f00eb6ec3018d1b5eff4093c43",class:"stzh-pi-menu__button-text"},i("span",{key:"0a9695584bc2088bc22a004616ef7716549300e6",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"07761cd5b334ac2621f38342c69e450bbbef35b2",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};v.style=m();export{v as stzh_pi_menu};
+//# sourceMappingURL=p-67b2d82d.entry.js.map

package/dist/stzh-components/{p-a237a4a4.entry.js → p-67e2ea65.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as e,h as t,F as r,a,d as c}from"./p-CMm0FVAs.js";import{h,f as i}from"./p--MYN2wgX.js";import"./p-BubviQku.js";var d=`<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">\n    <rect width="10000" height="10000" fill="currentColor" />\n</svg>\n`;const l=()=>`.sc-stzh-card-searchresult-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-card-searchresult-h,[stzh-hidden].sc-stzh-card-searchresult-h{display:none}.sc-stzh-card-searchresult-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::before,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-card-searchresult-h .has-focus.sc-stzh-card-searchresult{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult{outline-style:none !important}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult::-moz-focus-inner{border:0 !important}.sc-stzh-card-searchresult-h{--service-background-color:var(--stzh-color-secondary30);--service-color:var(--stzh-color-primary70);--placeholder-image-color:var(--stzh-color-grey30);--grid-template-areas:"heading" "description" "meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr);display:grid}.sc-stzh-card-searchresult-h.sc-stzh-card-searchresult-s>img,.sc-stzh-card-searchresult-h .sc-stzh-card-searchresult-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"image" "heading" "description" "meta";--grid-template-rows:repeat(3, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 600px){[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image" "description image" "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(11.25rem, min-content)}}@media screen and (max-width: 599px){[has-image][image-position=right].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image" "description description"\n      "meta meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(6.25rem, min-content)}}.stzh-card-searchresult.sc-stzh-card-searchresult{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:relative;display:grid;background-color:var(--stzh-color-grey10);grid-template-areas:var(--grid-template-areas);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);color:var(--stzh-color-grey80)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__dateline.sc-stzh-card-searchresult,.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult,.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult,.stzh-card-searchresult__heading-link-text.sc-stzh-card-searchresult,.stzh-card-searchresult__description.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{z-index:1;position:relative}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-large)}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult__image.sc-stzh-card-searchresult{display:grid;grid-area:image;width:100%}.stzh-card-searchresult__image-placeholder.sc-stzh-card-searchresult{color:var(--placeholder-image-color)}.stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{grid-area:description}.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{grid-area:meta}.stzh-card-searchresult__meta.sc-stzh-card-searchresult{overflow:hidden}.stzh-card-searchresult__download.sc-stzh-card-searchresult{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall);overflow:hidden}.stzh-card-searchresult__download-button.sc-stzh-card-searchresult{align-self:flex-end;display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);color:var(--stzh-color-primary70)}.stzh-card-searchresult__download-heading.sc-stzh-card-searchresult{color:var(--stzh-color-primary70);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);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)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult,.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{z-index:2}.stzh-card-searchresult__tag.sc-stzh-card-searchresult{position:absolute;left:0;top:0}.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;right:0;background-color:var(--service-background-color);color:var(--service-color);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);text-align:center}@media screen and (min-width: 600px){.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{min-width:11.25rem}}.stzh-card-searchresult__dateline.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__heading.sc-stzh-card-searchresult{margin-top:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{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-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{display:block;color:var(--stzh-color-primary70);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black)}.stzh-card-searchresult.sc-stzh-card-searchresult:has(.stzh-card-searchresult__description:not(:empty)) .stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__description.sc-stzh-card-searchresult:empty{display:none}.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5rem;height:5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-searchresult__event-date-teaser-day.sc-stzh-card-searchresult{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-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-card-searchresult__meta-list.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall);margin-left:calc((var(--stzh-space-xsmall) + 0.0625rem) / -1)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult::before,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before,.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{z-index:10}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before{background-color:var(--stzh-color-secondary10)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__tag.sc-stzh-card-searchresult{--color:var(--stzh-color-secondary60)}.stzh-card-searchresult--has-breadcrumb.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult--has-tag.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-service.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxxlarge)}.stzh-card-searchresult--has-service.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-image.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{z-index:1;position:relative}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-default.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-small)}}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}}.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__topic.sc-stzh-card-searchresult{position:static}.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty),.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty){margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__meta.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult--hyphens.sc-stzh-card-searchresult .stzh-card-searchresult__heading.sc-stzh-card-searchresult{hyphens:auto}`;const n=class{constructor(t){s(this,t);this.stzhClick=e(this,"stzhClick");this.heading="";this.headingLevel="3";this.description="";this.datalistItems=[];this.placeholderImageEnabled=false;this.imagePosition="default";this.hyphensEnabled=false;this.handleCardClick=s=>{this.stzhClick.emit({component:"stzh-card-searchresult",originalEvent:s,href:this.href})}}metaWatcher(s){if(!s){this._meta=[]}else if(typeof s==="string"){try{this._meta=JSON.parse(s)}catch(s){this._meta=[]}}else{this._meta=s}}downloadMetaWatcher(s){if(!s){this._downloadMeta=[]}else if(typeof s==="string"){try{this._downloadMeta=JSON.parse(s)}catch(s){this._downloadMeta=[]}}else{this._downloadMeta=s}}hasProperStartAndOrEndDate(s,e){return!(!!s&&s.getHours()===0&&!e)}componentDidRender(){requestAnimationFrame((()=>{var s,e;const t=this.analyticsId||((s=this.headingTextElement)===null||s===void 0?void 0:s.innerText);if(t){(e=this.headingLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",t)}}))}async componentWillLoad(){this.metaWatcher(this.meta);this.downloadMetaWatcher(this.downloadMeta);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-searchresult")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const s=!!this.heading||h(this.element,"heading");const e=!!this.description||h(this.element,"description");const c=h(this.element,"image");const l=this.eventDateStart&&new Date(this.eventDateStart);const n=this.eventDateEnd&&new Date(this.eventDateEnd);if(l&&!c){this.placeholderImageEnabled=true}const o=c||this.placeholderImageEnabled;const z={"stzh-card-searchresult":true,"stzh-card-searchresult--has-heading":s,"stzh-card-searchresult--has-description":e,"stzh-card-searchresult--has-description-wrapper":e||!!l||!!this.eventLocation,"stzh-card-searchresult--has-link":!!this.href,"stzh-card-searchresult--has-service":!!this.service,"stzh-card-searchresult--has-tag":!!this.tag,"stzh-card-searchresult--has-topic":!!this.topic,"stzh-card-searchresult--has-image":o,"stzh-card-searchresult--has-image-default":o&&this.imagePosition==="default","stzh-card-searchresult--has-image-right":o&&this.imagePosition==="right","stzh-card-searchresult--has-meta":this._meta.length>0,"stzh-card-searchresult--has-download":!!this.downloadHeading||this._downloadMeta.length>0,"stzh-card-searchresult--has-breadcrumb":!!this.breadcrumbItems,"stzh-card-searchresult--hyphens":this.hyphensEnabled};const u=`h${this.headingLevel}`;const m=this.href?"a":"div";return t(a,{key:"3ae82ba387b77362bc6ef91a154514aa26908bf7","has-image":o},t("article",{key:"fc296636b69cd80fbd3a391b823dfd4b71763c79",class:z,"aria-label":this.heading,role:"listitem"},this.tag&&t("stzh-tag",{key:"9fa4d1043760865821b7525c4e9e429a21bab631",class:"stzh-card-searchresult__tag",label:this.tag,nonInteractive:true}),t("div",{key:"dae6ad7510af19baf8fd4ad62d44d96ad47b7a05",class:"stzh-card-searchresult__heading-wrapper"},this.breadcrumbItems&&t("stzh-breadcrumb",{key:"e423a959f0191ad9c6dfafc8a97efd1bf8094db8",class:"stzh-card-searchresult__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&t("div",{key:"ad41a404bae111d2409ba6fcba61d278349da2e0",class:"stzh-card-searchresult__dateline"},this.dateline),t(u,{key:"9e26e549a796bd19cfbb9b3e75805ca4944437dc",class:"stzh-card-searchresult__heading"},t(m,{key:"06951dbcd6728657eecff68f89aac49230fe84de",ref:s=>this.headingLinkElement=s,class:"stzh-card-searchresult__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},this.heading?t("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s,innerHTML:i(this.heading)}):t("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s},t("slot",{name:"heading"}))))),t("div",{key:"de3ec782d8bcd276dba15f646a4661534a774a93",class:"stzh-card-searchresult__description-wrapper"},(l||this.eventLocation)&&t("div",{key:"6e3af140e51bbfc01a8dae84ac08f0c85ca3393e",class:"stzh-card-searchresult__event-infos"},l&&t("div",{key:"99df4963a45c596348b3608a37f941df02d14fd8",class:"stzh-card-searchresult__event-date"},t("span",{key:"e0e2d8bb4c53853ca6dbb719637dc561b9b9994a"},this.dateAdapter.format(l,"dateLong")),this.hasProperStartAndOrEndDate(l,n)&&t("span",{key:"725c2ea0ff663d7aab468971d402c135a7fb381c"},", ",this.dateAdapter.formatSpan(l,n,"time"))),this.eventLocation&&t("div",{key:"3200b1bee5834b17014b4e18c66cfd277fa1e771",class:"stzh-card-searchresult__event-location"},this.eventLocation)),t("div",{key:"53b5c48d344eae6966792e84317c77375114377c",class:"stzh-card-searchresult__description"},this.description?this.description:t("slot",{name:"description"}))),t("div",{key:"60ee4a822f5333c3351547704ebc0fdd0350dcd4",class:"stzh-card-searchresult__image"},l&&t("div",{key:"30c09d5974aa4f44394b72092a682ed2f80b3463",class:"stzh-card-searchresult__event-date-teaser"},t("div",{key:"6d0a69eddbb37ed60c94135d121b60f55a524ede",class:"stzh-card-searchresult__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[l.getDay()]),t("div",{key:"5e814559752e8f757467fb51b7324204cfbc3369",class:"stzh-card-searchresult__event-date-teaser-day"},l.getDate()<10&&"0",l.getDate()),t("div",{key:"c8fac0a6f46e10c00cf55995418abededdcd83d1",class:"stzh-card-searchresult__event-date-teaser-month"},this.localization.$globals.monthNamesShort[l.getMonth()])),this.topic&&t("div",{key:"05697f1b385d1a7bba25c4b5bcdcd962204e356d",class:"stzh-card-searchresult__topic"},this.topic),this.service&&t("div",{key:"6db8c6dcc6b629ede2d7c5edb0bdfbe2917d33f8",class:"stzh-card-searchresult__service"},this.service),t("slot",{key:"72bd6c404f069238657a758b991e02a72abd9571",name:"image"}),this.placeholderImageEnabled&&!c&&t("stzh-ratio",{key:"36949efc4df7ea6853216ec39225738ff0aaa0b4",ratio:"21:9","ratio-small":"1:1"},t("div",{key:"ec427ef7256621a13c80de508ec2e9e58c375ae8",class:"stzh-card-searchresult__image-placeholder",innerHTML:d}))),(this._meta.length>0||this.datalistItems||!!this.downloadHeading||this._downloadMeta.length>0)&&t("div",{key:"fdc42c153540f365776aa2f8bc46badfb5a03c7a",class:"stzh-card-searchresult__meta-wrapper"},this.datalistItems&&t("stzh-datalist",{key:"426d78016eaa57fd9e1742c622ee62498cbff16a",class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&t("div",{key:"5e44f923c9ee05be175cdc860d0884e67e05d8dc",class:"stzh-card-searchresult__meta"},t("div",{key:"2a26c265e982bee58c64855539a6ac4908ad596b",class:"stzh-card-searchresult__meta-list"},this._meta.map((s=>t(r,null,t("div",{class:"stzh-card-searchresult__meta-list-item"},s)))))),(!!this.downloadHeading||this._downloadMeta.length>0)&&t("div",{key:"f5f014598298a54288c667aada4dbe7fe048a8cf",class:"stzh-card-searchresult__download"},t("div",{key:"1f92634795e59fec02a6d45158b3f1d19f99048b",class:"stzh-card-searchresult__download-data"},this.downloadHeading&&t("div",{key:"f7718577a02ca5f581175cb8f188ecc42b84f576",class:"stzh-card-searchresult__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&t("div",{key:"437fd0f56e131b8f1e01d3e241cdf56b19b31843",class:"stzh-card-searchresult__download-meta-list"},this._downloadMeta.map((s=>t(r,null,t("div",{class:"stzh-card-searchresult__download-meta-list-item"},s)))))),t("div",{key:"469c351e22786e59d7b5799aac6adb99e702c8a4",class:"stzh-card-searchresult__download-button"},t("stzh-icon",{key:"45385639e43a22f2b368a9fccc8b9b85df76bdbf",class:"stzh-card-searchresult__download-icon",name:"download"}))))))}get element(){return c(this)}static get watchers(){return{meta:["metaWatcher"],downloadMeta:["downloadMetaWatcher"]}}};n.style=l();export{n as stzh_card_searchresult};
-//# sourceMappingURL=p-a237a4a4.entry.js.map
+import{r as s,c as e,h as t,F as r,a,d as c}from"./p-BDy81lpO.js";import{h,f as i}from"./p--MYN2wgX.js";import"./p-BubviQku.js";var d=`<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">\n    <rect width="10000" height="10000" fill="currentColor" />\n</svg>\n`;const l=()=>`.sc-stzh-card-searchresult-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-card-searchresult-h,[stzh-hidden].sc-stzh-card-searchresult-h{display:none}.sc-stzh-card-searchresult-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::before,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-card-searchresult-h .has-focus.sc-stzh-card-searchresult{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult{outline-style:none !important}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult::-moz-focus-inner{border:0 !important}.sc-stzh-card-searchresult-h{--service-background-color:var(--stzh-color-secondary30);--service-color:var(--stzh-color-primary70);--placeholder-image-color:var(--stzh-color-grey30);--grid-template-areas:"heading" "description" "meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr);display:grid}.sc-stzh-card-searchresult-h.sc-stzh-card-searchresult-s>img,.sc-stzh-card-searchresult-h .sc-stzh-card-searchresult-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"image" "heading" "description" "meta";--grid-template-rows:repeat(3, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 600px){[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image" "description image" "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(11.25rem, min-content)}}@media screen and (max-width: 599px){[has-image][image-position=right].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image" "description description"\n      "meta meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(6.25rem, min-content)}}.stzh-card-searchresult.sc-stzh-card-searchresult{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:relative;display:grid;background-color:var(--stzh-color-grey10);grid-template-areas:var(--grid-template-areas);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);color:var(--stzh-color-grey80)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__dateline.sc-stzh-card-searchresult,.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult,.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult,.stzh-card-searchresult__heading-link-text.sc-stzh-card-searchresult,.stzh-card-searchresult__description.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{z-index:1;position:relative}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-large)}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult__image.sc-stzh-card-searchresult{display:grid;grid-area:image;width:100%}.stzh-card-searchresult__image-placeholder.sc-stzh-card-searchresult{color:var(--placeholder-image-color)}.stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{grid-area:description}.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{grid-area:meta}.stzh-card-searchresult__meta.sc-stzh-card-searchresult{overflow:hidden}.stzh-card-searchresult__download.sc-stzh-card-searchresult{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall);overflow:hidden}.stzh-card-searchresult__download-button.sc-stzh-card-searchresult{align-self:flex-end;display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);color:var(--stzh-color-primary70)}.stzh-card-searchresult__download-heading.sc-stzh-card-searchresult{color:var(--stzh-color-primary70);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);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)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult,.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{z-index:2}.stzh-card-searchresult__tag.sc-stzh-card-searchresult{position:absolute;left:0;top:0}.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;right:0;background-color:var(--service-background-color);color:var(--service-color);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);text-align:center}@media screen and (min-width: 600px){.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{min-width:11.25rem}}.stzh-card-searchresult__dateline.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__heading.sc-stzh-card-searchresult{margin-top:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{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-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{display:block;color:var(--stzh-color-primary70);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black)}.stzh-card-searchresult.sc-stzh-card-searchresult:has(.stzh-card-searchresult__description:not(:empty)) .stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__description.sc-stzh-card-searchresult:empty{display:none}.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5rem;height:5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-searchresult__event-date-teaser-day.sc-stzh-card-searchresult{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-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-card-searchresult__meta-list.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall);margin-left:calc((var(--stzh-space-xsmall) + 0.0625rem) / -1)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult::before,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before,.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{z-index:10}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before{background-color:var(--stzh-color-secondary10)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__tag.sc-stzh-card-searchresult{--color:var(--stzh-color-secondary60)}.stzh-card-searchresult--has-breadcrumb.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult--has-tag.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-service.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxxlarge)}.stzh-card-searchresult--has-service.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-image.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{z-index:1;position:relative}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-default.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-small)}}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}}.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__topic.sc-stzh-card-searchresult{position:static}.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty),.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty){margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__meta.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult--hyphens.sc-stzh-card-searchresult .stzh-card-searchresult__heading.sc-stzh-card-searchresult{hyphens:auto}`;const n=class{constructor(t){s(this,t);this.stzhClick=e(this,"stzhClick");this.heading="";this.headingLevel="3";this.description="";this.datalistItems=[];this.placeholderImageEnabled=false;this.imagePosition="default";this.hyphensEnabled=false;this.handleCardClick=s=>{this.stzhClick.emit({component:"stzh-card-searchresult",originalEvent:s,href:this.href})}}metaWatcher(s){if(!s){this._meta=[]}else if(typeof s==="string"){try{this._meta=JSON.parse(s)}catch(s){this._meta=[]}}else{this._meta=s}}downloadMetaWatcher(s){if(!s){this._downloadMeta=[]}else if(typeof s==="string"){try{this._downloadMeta=JSON.parse(s)}catch(s){this._downloadMeta=[]}}else{this._downloadMeta=s}}hasProperStartAndOrEndDate(s,e){return!(!!s&&s.getHours()===0&&!e)}componentDidRender(){requestAnimationFrame((()=>{var s,e;const t=this.analyticsId||((s=this.headingTextElement)===null||s===void 0?void 0:s.innerText);if(t){(e=this.headingLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",t)}}))}async componentWillLoad(){this.metaWatcher(this.meta);this.downloadMetaWatcher(this.downloadMeta);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-searchresult")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const s=!!this.heading||h(this.element,"heading");const e=!!this.description||h(this.element,"description");const c=h(this.element,"image");const l=this.eventDateStart&&new Date(this.eventDateStart);const n=this.eventDateEnd&&new Date(this.eventDateEnd);if(l&&!c){this.placeholderImageEnabled=true}const o=c||this.placeholderImageEnabled;const z={"stzh-card-searchresult":true,"stzh-card-searchresult--has-heading":s,"stzh-card-searchresult--has-description":e,"stzh-card-searchresult--has-description-wrapper":e||!!l||!!this.eventLocation,"stzh-card-searchresult--has-link":!!this.href,"stzh-card-searchresult--has-service":!!this.service,"stzh-card-searchresult--has-tag":!!this.tag,"stzh-card-searchresult--has-topic":!!this.topic,"stzh-card-searchresult--has-image":o,"stzh-card-searchresult--has-image-default":o&&this.imagePosition==="default","stzh-card-searchresult--has-image-right":o&&this.imagePosition==="right","stzh-card-searchresult--has-meta":this._meta.length>0,"stzh-card-searchresult--has-download":!!this.downloadHeading||this._downloadMeta.length>0,"stzh-card-searchresult--has-breadcrumb":!!this.breadcrumbItems,"stzh-card-searchresult--hyphens":this.hyphensEnabled};const u=`h${this.headingLevel}`;const m=this.href?"a":"div";return t(a,{key:"3ae82ba387b77362bc6ef91a154514aa26908bf7","has-image":o},t("article",{key:"fc296636b69cd80fbd3a391b823dfd4b71763c79",class:z,"aria-label":this.heading,role:"listitem"},this.tag&&t("stzh-tag",{key:"9fa4d1043760865821b7525c4e9e429a21bab631",class:"stzh-card-searchresult__tag",label:this.tag,nonInteractive:true}),t("div",{key:"dae6ad7510af19baf8fd4ad62d44d96ad47b7a05",class:"stzh-card-searchresult__heading-wrapper"},this.breadcrumbItems&&t("stzh-breadcrumb",{key:"e423a959f0191ad9c6dfafc8a97efd1bf8094db8",class:"stzh-card-searchresult__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&t("div",{key:"ad41a404bae111d2409ba6fcba61d278349da2e0",class:"stzh-card-searchresult__dateline"},this.dateline),t(u,{key:"9e26e549a796bd19cfbb9b3e75805ca4944437dc",class:"stzh-card-searchresult__heading"},t(m,{key:"06951dbcd6728657eecff68f89aac49230fe84de",ref:s=>this.headingLinkElement=s,class:"stzh-card-searchresult__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},this.heading?t("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s,innerHTML:i(this.heading)}):t("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s},t("slot",{name:"heading"}))))),t("div",{key:"de3ec782d8bcd276dba15f646a4661534a774a93",class:"stzh-card-searchresult__description-wrapper"},(l||this.eventLocation)&&t("div",{key:"6e3af140e51bbfc01a8dae84ac08f0c85ca3393e",class:"stzh-card-searchresult__event-infos"},l&&t("div",{key:"99df4963a45c596348b3608a37f941df02d14fd8",class:"stzh-card-searchresult__event-date"},t("span",{key:"e0e2d8bb4c53853ca6dbb719637dc561b9b9994a"},this.dateAdapter.format(l,"dateLong")),this.hasProperStartAndOrEndDate(l,n)&&t("span",{key:"725c2ea0ff663d7aab468971d402c135a7fb381c"},", ",this.dateAdapter.formatSpan(l,n,"time"))),this.eventLocation&&t("div",{key:"3200b1bee5834b17014b4e18c66cfd277fa1e771",class:"stzh-card-searchresult__event-location"},this.eventLocation)),t("div",{key:"53b5c48d344eae6966792e84317c77375114377c",class:"stzh-card-searchresult__description"},this.description?this.description:t("slot",{name:"description"}))),t("div",{key:"60ee4a822f5333c3351547704ebc0fdd0350dcd4",class:"stzh-card-searchresult__image"},l&&t("div",{key:"30c09d5974aa4f44394b72092a682ed2f80b3463",class:"stzh-card-searchresult__event-date-teaser"},t("div",{key:"6d0a69eddbb37ed60c94135d121b60f55a524ede",class:"stzh-card-searchresult__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[l.getDay()]),t("div",{key:"5e814559752e8f757467fb51b7324204cfbc3369",class:"stzh-card-searchresult__event-date-teaser-day"},l.getDate()<10&&"0",l.getDate()),t("div",{key:"c8fac0a6f46e10c00cf55995418abededdcd83d1",class:"stzh-card-searchresult__event-date-teaser-month"},this.localization.$globals.monthNamesShort[l.getMonth()])),this.topic&&t("div",{key:"05697f1b385d1a7bba25c4b5bcdcd962204e356d",class:"stzh-card-searchresult__topic"},this.topic),this.service&&t("div",{key:"6db8c6dcc6b629ede2d7c5edb0bdfbe2917d33f8",class:"stzh-card-searchresult__service"},this.service),t("slot",{key:"72bd6c404f069238657a758b991e02a72abd9571",name:"image"}),this.placeholderImageEnabled&&!c&&t("stzh-ratio",{key:"36949efc4df7ea6853216ec39225738ff0aaa0b4",ratio:"21:9","ratio-small":"1:1"},t("div",{key:"ec427ef7256621a13c80de508ec2e9e58c375ae8",class:"stzh-card-searchresult__image-placeholder",innerHTML:d}))),(this._meta.length>0||this.datalistItems||!!this.downloadHeading||this._downloadMeta.length>0)&&t("div",{key:"fdc42c153540f365776aa2f8bc46badfb5a03c7a",class:"stzh-card-searchresult__meta-wrapper"},this.datalistItems&&t("stzh-datalist",{key:"426d78016eaa57fd9e1742c622ee62498cbff16a",class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&t("div",{key:"5e44f923c9ee05be175cdc860d0884e67e05d8dc",class:"stzh-card-searchresult__meta"},t("div",{key:"2a26c265e982bee58c64855539a6ac4908ad596b",class:"stzh-card-searchresult__meta-list"},this._meta.map((s=>t(r,null,t("div",{class:"stzh-card-searchresult__meta-list-item"},s)))))),(!!this.downloadHeading||this._downloadMeta.length>0)&&t("div",{key:"f5f014598298a54288c667aada4dbe7fe048a8cf",class:"stzh-card-searchresult__download"},t("div",{key:"1f92634795e59fec02a6d45158b3f1d19f99048b",class:"stzh-card-searchresult__download-data"},this.downloadHeading&&t("div",{key:"f7718577a02ca5f581175cb8f188ecc42b84f576",class:"stzh-card-searchresult__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&t("div",{key:"437fd0f56e131b8f1e01d3e241cdf56b19b31843",class:"stzh-card-searchresult__download-meta-list"},this._downloadMeta.map((s=>t(r,null,t("div",{class:"stzh-card-searchresult__download-meta-list-item"},s)))))),t("div",{key:"469c351e22786e59d7b5799aac6adb99e702c8a4",class:"stzh-card-searchresult__download-button"},t("stzh-icon",{key:"45385639e43a22f2b368a9fccc8b9b85df76bdbf",class:"stzh-card-searchresult__download-icon",name:"download"}))))))}get element(){return c(this)}static get watchers(){return{meta:["metaWatcher"],downloadMeta:["downloadMetaWatcher"]}}};n.style=l();export{n as stzh_card_searchresult};
+//# sourceMappingURL=p-67e2ea65.entry.js.map

package/dist/stzh-components/{p-eccbfe1b.entry.js → p-68692aca.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,h as i,a,d as e}from"./p-CMm0FVAs.js";import{h as o}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const s=()=>`.sc-stzh-pi-content-navigation-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-pi-content-navigation-h,[stzh-hidden].sc-stzh-pi-content-navigation-h{display:none}.sc-stzh-pi-content-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::before,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::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-pi-content-navigation-h .has-focus.sc-stzh-pi-content-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation{outline-style:none !important}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-pi-content-navigation-h{--arrow-background-color:var(\n    --stzh-pi-content-navigation-arrow-background-color,\n    var(--stzh-color-secondary30)\n  );display:flex;flex-direction:column}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{position:relative;flex-grow:1;display:flex;flex-direction:column;gap:var(--stzh-space-small);background-color:var(--stzh-color-coolgrey20)}@media (forced-colors: active){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{border:0.125rem solid}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:hover .stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transform:translateX(0.25rem)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{flex-direction:column;align-items:flex-start}.stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{width:100%;display:none}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{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-deci-font-size);line-height:var(--stzh-font-deci-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead){padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead){padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead){padding-bottom:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer;flex-grow:1;padding-bottom:2.5rem}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{z-index:1}.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;position:absolute;right:0;bottom:0;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation--has-image.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{display:block}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30);aspect-ratio:2/1;display:flex;align-items:center;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{height:-moz-fit-content;height:fit-content}`;const c=class{constructor(i){t(this,i);this.stzhClick=n(this,"stzhClick");this.navigationLevel="1";this.heading="";this.headingLevel="3";this.lead="";this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-content-navigation",originalEvent:t,href:this.href})}}componentDidRender(){requestAnimationFrame((()=>{var t,n;const i=this.analyticsId||this.heading||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.cardLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;return i(t,{class:"stzh-pi-content-navigation__title",ref:t=>this.headingTextElement=t},this.heading||i("slot",{name:"heading"}))}render(){const t=!!this.lead||o(this.element,"lead");const n=o(this.element,"image");const e=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&e;const c=e&&!s;const h={"stzh-pi-content-navigation":true,"stzh-pi-content-navigation--has-lead":t,"stzh-pi-content-navigation--has-image":s,"stzh-pi-content-navigation--is-navigation-level-1-or-2":e};const p=this.href?"a":"button";return i(a,{key:"399314241e8e2f08f57ebcd9442c5353f1d818f1","has-lead":t},i("article",{key:"da0fd8bf88501d00b507b98f2ba9f1ce143baf49",class:h,"aria-label":this.heading,role:"listitem"},i(p,{key:"2bdfe7c9f9eccc2c9f9998427458cca4df3a83f9",ref:t=>this.cardLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{key:"710112ac3ed0d7ee51423d7af37140dafe7816fc",class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{key:"9b8b005db9ad12f0dd76e021fa3d3fc6beb7f200",ratio:"2:1"},i("slot",{key:"42eaf7af99f21ccb88a1e8cf11dad5b3429e308c",name:"image"}))),c&&i("div",{key:"87bf2afb7914ee21a8993aa3c3bdbf6ffdc52c82",class:"stzh-pi-content-navigation__title-ratio"},this.renderHeading()),i("div",{key:"24cd8522948426a092f1126e851b8174cb54baf6",class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),t&&i("div",{key:"0f8c0ad83fe65a0f4fa3d2b13e1496a8372b26d0",class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"1c8db1e5078892575c7676694095c0f70f6f4da5",class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{key:"1e2676d7ce5bc54d545c65047d5ea2592be97e4c",class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"})))))}get element(){return e(this)}};c.style=s();export{c as stzh_pi_content_navigation};
-//# sourceMappingURL=p-eccbfe1b.entry.js.map
+import{r as t,c as n,h as i,a,d as e}from"./p-BDy81lpO.js";import{h as o}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const s=()=>`.sc-stzh-pi-content-navigation-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-pi-content-navigation-h,[stzh-hidden].sc-stzh-pi-content-navigation-h{display:none}.sc-stzh-pi-content-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::before,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::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-pi-content-navigation-h .has-focus.sc-stzh-pi-content-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation{outline-style:none !important}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-pi-content-navigation-h{--arrow-background-color:var(\n    --stzh-pi-content-navigation-arrow-background-color,\n    var(--stzh-color-secondary30)\n  );display:flex;flex-direction:column}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{position:relative;flex-grow:1;display:flex;flex-direction:column;gap:var(--stzh-space-small);background-color:var(--stzh-color-coolgrey20)}@media (forced-colors: active){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{border:0.125rem solid}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:hover .stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transform:translateX(0.25rem)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{flex-direction:column;align-items:flex-start}.stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{width:100%;display:none}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{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-deci-font-size);line-height:var(--stzh-font-deci-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead){padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead){padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead){padding-bottom:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer;flex-grow:1;padding-bottom:2.5rem}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{z-index:1}.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;position:absolute;right:0;bottom:0;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation--has-image.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{display:block}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30);aspect-ratio:2/1;display:flex;align-items:center;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{height:-moz-fit-content;height:fit-content}`;const c=class{constructor(i){t(this,i);this.stzhClick=n(this,"stzhClick");this.navigationLevel="1";this.heading="";this.headingLevel="3";this.lead="";this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-content-navigation",originalEvent:t,href:this.href})}}componentDidRender(){requestAnimationFrame((()=>{var t,n;const i=this.analyticsId||this.heading||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.cardLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;return i(t,{class:"stzh-pi-content-navigation__title",ref:t=>this.headingTextElement=t},this.heading||i("slot",{name:"heading"}))}render(){const t=!!this.lead||o(this.element,"lead");const n=o(this.element,"image");const e=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&e;const c=e&&!s;const h={"stzh-pi-content-navigation":true,"stzh-pi-content-navigation--has-lead":t,"stzh-pi-content-navigation--has-image":s,"stzh-pi-content-navigation--is-navigation-level-1-or-2":e};const p=this.href?"a":"button";return i(a,{key:"399314241e8e2f08f57ebcd9442c5353f1d818f1","has-lead":t},i("article",{key:"da0fd8bf88501d00b507b98f2ba9f1ce143baf49",class:h,"aria-label":this.heading,role:"listitem"},i(p,{key:"2bdfe7c9f9eccc2c9f9998427458cca4df3a83f9",ref:t=>this.cardLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{key:"710112ac3ed0d7ee51423d7af37140dafe7816fc",class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{key:"9b8b005db9ad12f0dd76e021fa3d3fc6beb7f200",ratio:"2:1"},i("slot",{key:"42eaf7af99f21ccb88a1e8cf11dad5b3429e308c",name:"image"}))),c&&i("div",{key:"87bf2afb7914ee21a8993aa3c3bdbf6ffdc52c82",class:"stzh-pi-content-navigation__title-ratio"},this.renderHeading()),i("div",{key:"24cd8522948426a092f1126e851b8174cb54baf6",class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),t&&i("div",{key:"0f8c0ad83fe65a0f4fa3d2b13e1496a8372b26d0",class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"1c8db1e5078892575c7676694095c0f70f6f4da5",class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{key:"1e2676d7ce5bc54d545c65047d5ea2592be97e4c",class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"})))))}get element(){return e(this)}};c.style=s();export{c as stzh_pi_content_navigation};
+//# sourceMappingURL=p-68692aca.entry.js.map

package/dist/stzh-components/{p-c061f237.entry.js → p-69f5276e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,a as i,d as h,F as r}from"./p-CMm0FVAs.js";import{S as c}from"./p-BRSls9kT.js";import{h as o}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const a=()=>`.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,[stzh-hidden].sc-stzh-chip-h{display:none}.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{--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}@media screen and (min-width: 900px){.sc-stzh-chip-h{--outer-height:auto}}.sc-stzh-chip-h{--color:var(--stzh-chip-color, var(--stzh-color-primary70));--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(\n    --stzh-chip-hover-background-color,\n    var(--stzh-color-secondary40)\n  );--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){.sc-stzh-chip-h{--hover-color:Highlight;--hover-background-color:Canvas;--hover-remove-background-color:Canvas}}[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(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  );--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(\n    --stzh-chip-active-hover-background-color,\n    var(--stzh-color-primary90)\n  );--hover-remove-background-color:var(--stzh-color-primary90)}@media (forced-colors: 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-grey80));--background-color:var(\n    --stzh-chip-disabled-background-color,\n    var(--stzh-color-grey20)\n  );--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)}.sc-stzh-chip-h:where([size=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-chip-h:where([size-small=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}}@media screen and (min-width: 600px) and (min-width: 900px){.sc-stzh-chip-h:where([size-small=default]){--outer-height:auto}}@media screen and (min-width: 600px){.sc-stzh-chip-h:where([size-small=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-small=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}}@media screen and (min-width: 900px) and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=default]){--outer-height:auto}}@media screen and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-medium=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-chip-h:where([size-large=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}}@media screen and (min-width: 1260px) and (min-width: 900px){.sc-stzh-chip-h:where([size-large=default]){--outer-height:auto}}@media screen and (min-width: 1260px){.sc-stzh-chip-h:where([size-large=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-large=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){.sc-stzh-chip-h:where([size-ultra=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}}@media screen and (min-width: 1600px) and (min-width: 900px){.sc-stzh-chip-h:where([size-ultra=default]){--outer-height:auto}}@media screen and (min-width: 1600px){.sc-stzh-chip-h:where([size-ultra=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-ultra=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}.stzh-chip.sc-stzh-chip{position:relative}.stzh-chip__vhidden.sc-stzh-chip{border:0;clip:rect(0 0 0 0);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(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);min-height:var(--outer-height);font-family:inherit;appearance:none;padding:0px;border:none;background-color:transparent}.stzh-chip__button.is-button.sc-stzh-chip,.stzh-chip__button.is-link.sc-stzh-chip{cursor:pointer}.stzh-chip__button-inner.sc-stzh-chip{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);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__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:50%;transform:translateY(-50%);right:0;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__button-inner.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__button-inner.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--is-removable.sc-stzh-chip .stzh-chip__button-inner.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 n=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick");this.stzhRemove=s(this,"stzhRemove");this.stzhFocus=s(this,"stzhFocus");this.stzhBlur=s(this,"stzhBlur");this.label="";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.a11yDescribedby="";this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.chip.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-chip",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-chip",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:t,href:this.href})};this.onRemoveClick=t=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:t})}}componentDidRender(){requestAnimationFrame((()=>{var t;(t=this.chip)===null||t===void 0?void 0:t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}renderInner(){return e("div",{class:"stzh-chip__button-inner"},e("div",{class:"stzh-chip__icon-wrapper"},this.icon||typeof this.icon==="undefined"&&this.variant==="tag"&&this.type!=="default"?e("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"}):e("slot",{name:"icon"})),e("stzh-clamp",{lines:1,class:"stzh-chip__label",ref:t=>this.text=t},this.label?this.label:e("slot",null),this.counter&&this.counter!=="undefined"&&this.counter!==undefined&&e("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&this.counter!=="undefined"&&this.counter!==undefined&&e("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const t={"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 s=this.nonInteractive?"div":this.href?"a":"button";return e(i,{key:"c2d6807463fe7613b47d6bd461456e3562895599",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"fc21b4bf6596cbf5af87cbef37c56a8ca368b515",class:t},this.removable&&e("button",{key:"9b749e905aa5e1327ed4189d26fb34e62f9fbf17",class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button","s-object-id":this.removeAnalyticsId||this.removeLabel},e("stzh-icon",{key:"71156186f893429de5414f2d425fa7067ce0907d",class:"stzh-chip__remove-icon",name:"close-big"})),this.href?e(s,{ref:t=>this.chip=t,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()):e(s,{ref:t=>this.chip=t,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)}};n.style=a();const l=()=>`.sc-stzh-chipselect-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-chipselect-h,[stzh-hidden].sc-stzh-chipselect-h{display:none}.sc-stzh-chipselect-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipselect-h *.sc-stzh-chipselect,.sc-stzh-chipselect-h *.sc-stzh-chipselect::before,.sc-stzh-chipselect-h *.sc-stzh-chipselect::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-chipselect-h .has-focus.sc-stzh-chipselect{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect{outline-style:none !important}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect::-moz-focus-inner{border:0 !important}.sc-stzh-chipselect-h{width:100%}[disabled].sc-stzh-chipselect-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}[active].sc-stzh-chipselect-h:not([active=false]){--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[active].is-focused.sc-stzh-chipselect-h{--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[dropdown-on-mobile].sc-stzh-chipselect-h .stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%}.stzh-chipselect__marker-symbol.sc-stzh-chipselect{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-chipselect__marker-text.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__description.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chipselect__error.sc-stzh-chipselect{color:var(--stzh-color-error60)}.stzh-chipselect__error-list.sc-stzh-chipselect{list-style:none;margin:0;padding:0}.stzh-chipselect__description.sc-stzh-chipselect{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-chipselect__description-long.sc-stzh-chipselect{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-chipselect__description-long.sc-stzh-chipselect{margin-top:0}}.stzh-chipselect__description-long-popover.sc-stzh-chipselect{--width:auto;--max-width:27.3125rem}.stzh-chipselect__description-long-button.sc-stzh-chipselect{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-chipselect.sc-stzh-chipselect stzh-icon.stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-xsmall)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xxxsmall)}.stzh-chipselect.sc-stzh-chipselect{width:100%}.stzh-chipselect__label-wrapper.sc-stzh-chipselect{display:flex;align-items:center;gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall);width:100%;min-width:0;min-height:1.375rem}.stzh-chipselect__label.sc-stzh-chipselect{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-heading-color);display:block;min-width:0;flex:0 1 auto;max-width:100%;margin-bottom:0}.stzh-chipselect__label.sc-stzh-chipselect:empty{display:none}.stzh-chipselect__label-wrapper.sc-stzh-chipselect>.stzh-chipselect__description-wrapper.sc-stzh-chipselect{flex:0 0 auto;display:inline-flex;align-items:center;margin:0}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-text.sc-stzh-chipselect{display:none}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect,.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-long.sc-stzh-chipselect{display:inline-flex;align-items:center;margin:0}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-long-button.sc-stzh-chipselect{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-chipselect__label-wrapper.sc-stzh-chipselect stzh-popover.sc-stzh-chipselect .stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-chipselect__marker.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-chipselect__chips.sc-stzh-chipselect{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--stzh-button-border-radius);gap:var(--stzh-space-medium)}.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:var(--stzh-color-primary90)}@media (forced-colors: active){.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:Canvas}}.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:var(--stzh-color-secondary40)}@media (forced-colors: active){.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:Highlight}}.stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%;--popover-width:max-content;--popover-min-width:100%;--popover-max-width:calc(100vw - 2rem)}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{margin-top:var(--stzh-space-xsmall)}.stzh-chipselect--has-label-hidden.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__chips.sc-stzh-chipselect,.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{cursor:not-allowed}`;let p=0;const d=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange");this.data=[];this._data=[];this._dataDropdown=[];this.label="";this.labelHidden=false;this.multiple=false;this.value="";this._value=[];this.defaultValue="";this.invalid=false;this.required=false;this.disabled=false;this.hideOptional=false;this.dropdownOnMobile=false;this.a11yDescribedby="";this.activeFocusOptionIndex=-1;this.isMobile=false;this.skipNextValueRender=false;this.handleReset=async()=>{this.value=this.defaultValue};this.handleMediaQueryChange=t=>{this.isMobile=t.matches};this.handleChipClick=async(t,s)=>{if(this.multiple){if(t.value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(t.value!==""){this.value=this._value.includes(t.value)?this._value.filter((s=>s!==t.value)):[...this._value,t.value]}}else{this.value=t.value}this.activeFocusOptionIndex=s;await this.waitForNextRender();this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?this._value:this._value[0]})};this.handleDropdownChange=t=>{const s=t.detail.value;const e=Array.isArray(s)?String(s):[String(s)];this.skipNextValueRender=true;this.value=this.multiple?e:e.length>0?e[0]:"";this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?e:e[0]})};this.handleKeydown=t=>{let s=null;const e=this.activeFocusOptionIndex;if(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();if(e>0){s=e-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();if(e<this._data.length-1){s=e+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(e<0){return}if(this.multiple){if(this._data[e].value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(this._data[e].value!==""){this.value=this._value.includes(this._data[e].value)?this._value.filter((t=>t!==this._data[e].value)):[...this._value,this._data[e].value]}}else{this.value=this._data[e].value}this.stzhChange.emit({component:"stzh-chipselect",value:this.value})}if(s!==null){this.activeFocusOptionIndex=s}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){if(typeof t==="string"){try{const s=JSON.parse(t);if(Array.isArray(s)){this._value=s}else{this._value=[t]}}catch(s){this._value=[t]}}else if(Array.isArray(t)){this._value=t}else{this._value=[]}}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._data.map((t=>{if(typeof t.value!=="string"){throw new TypeError(`${t.value} is not a string. The data prop only accepts arrays (or stringified arrays), where the value property is a string. Consult the StzhChipselectItem type definition for more information.`)}}));this._dataDropdown=this._data.map((t=>({text:t.counter?`${t.label} (${t.counter})`:t.label,value:t.value})))}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}componentShouldUpdate(t,s,e){if(e==="value"&&this.useDropdownOnMobile&&this.skipNextValueRender){this.skipNextValueRender=false;return false}return true}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}get useDropdownOnMobile(){return this.isMobile&&this.dropdownOnMobile}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.id=`stzh-chipselect-${p++}`;this.dataWatcher(this.data);this.errorWatcher(this.error);this.valueWatcher(this.value);if(this.defaultValue===undefined||this.defaultValue===null){this.defaultValue=this.value}if(typeof window!=="undefined"){this.mediaQuery=window.matchMedia("(max-width: 767px)");this.isMobile=this.mediaQuery.matches}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"chipselect")}}componentDidLoad(){if(this.mediaQuery){this.mediaQuery.addEventListener("change",this.handleMediaQueryChange)}}disconnectedCallback(){if(this.mediaQuery){this.mediaQuery.removeEventListener("change",this.handleMediaQueryChange)}}render(){var t;const s=o(this.element,"description")||!!this.description;const h=o(this.element,"description-long")||!!this.descriptionLong;const a=o(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const n=!this.labelHidden&&(!!this.label||o(this.element)||h);const l=this.activeFocusOptionIndex>=0;const p=l?`${this.id}-option-${this.activeFocusOptionIndex}`:undefined;const d={"stzh-chipselect":true,"stzh-chipselect--has-description":s,"stzh-chipselect--has-description-long":h,"stzh-chipselect--has-error":a,"stzh-chipselect--is-invalid":this.invalid||a,"stzh-chipselect--is-disabled":this.disabled,"stzh-chipselect--is-required":this.required,"stzh-chipselect--has-label-hidden":this.labelHidden};return e(i,{key:"6d2c378e763f9846d5bcef6fbdf00f24956046a5","is-invalid":this.invalid||a},e("div",{key:"8c6db8e943fa6c1d9728f895fea83f6e95dd30db",class:d},!this.useDropdownOnMobile&&(this.multiple?e(r,null,this._value.map((t=>e("input",{type:"hidden",name:this.name,value:t})))):e("input",{type:"hidden",name:this.name,value:this.value})),!this.useDropdownOnMobile&&n&&e("div",{key:"939cf90d05cc4a7677287d41992366a9024a1258",class:"stzh-chipselect__label-wrapper"},e("label",{key:"3e6d0006b9f8b6a5aa696969150aac1342ef6717",class:"stzh-chipselect__label",htmlFor:this.id},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"8072a604dc9304930a2d8b88083a4c3d9ad1e625",class:"stzh-chipselect__marker"},e("span",{key:"d5fd00632be1a47cc07ca936133ca1d4d79fc6ab",class:"stzh-chipselect__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"f501bb9f1e8c132f639ed72ca195eb1a669c167c",class:"stzh-chipselect__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),h&&e(c,{key:"9ff27d167b8cbac6770de6c0bfbb9121a329c9ef",classPrefix:"stzh-chipselect",id:`${this.id}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:h,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false})),this._data.length>0&&e(r,{key:"130d007cfa576382f900029823900bbc16f5b8b2"},!this.useDropdownOnMobile?e(r,null,e("div",{id:this.id,class:"stzh-chipselect__chips",role:"listbox",tabindex:"0","aria-multiselectable":this.multiple?"true":"false","aria-activedescendant":p,"aria-describedby":`${this.id}-description ${this.a11yDescribedby}`,onKeyDown:this.handleKeydown},this._data.map(((t,s)=>e("stzh-chip",{role:"option",class:{"stzh-chipselect__chip":true,"is-focused":this.activeFocusOptionIndex===s},label:t.label,counter:t.counter,icon:t.icon,variant:t.variant||"filter",inverted:t.inverted,size:t.size||"small",disabled:this.disabled||t.disabled,active:this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]===""),"aria-selected":this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]==="")?"true":"false",id:`${this.id}-option-${s}`,a11yTabindex:"-1",onClick:()=>this.handleChipClick(t,s)}))))):e("stzh-dropdown",{class:"stzh-chipselect__dropdown",name:this.name,multiple:this.multiple,disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,required:this.required,invalid:this.invalid,items:this.multiple?this._value:this._value.length>0?[this._value[0]]:[],label:this.label,labelHidden:this.labelHidden,options:this._dataDropdown,hideOptional:this.hideOptional,onStzhChange:this.handleDropdownChange})),!this.useDropdownOnMobile&&(a||s)&&e(c,{key:"74c035663687909bf314c14223de6b16893fd9f7",classPrefix:"stzh-chipselect",id:`${this.id}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],data:["dataWatcher"],error:["errorWatcher"]}}};d.style=l();export{n as stzh_chip,d as stzh_chipselect};
-//# sourceMappingURL=p-c061f237.entry.js.map
+import{r as t,c as s,h as e,a as i,d as h,F as r}from"./p-BDy81lpO.js";import{S as c}from"./p-D4oTGvdl.js";import{h as o}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const a=()=>`.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,[stzh-hidden].sc-stzh-chip-h{display:none}.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{--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}@media screen and (min-width: 900px){.sc-stzh-chip-h{--outer-height:auto}}.sc-stzh-chip-h{--color:var(--stzh-chip-color, var(--stzh-color-primary70));--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(\n    --stzh-chip-hover-background-color,\n    var(--stzh-color-secondary40)\n  );--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){.sc-stzh-chip-h{--hover-color:Highlight;--hover-background-color:Canvas;--hover-remove-background-color:Canvas}}[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(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  );--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(\n    --stzh-chip-active-hover-background-color,\n    var(--stzh-color-primary90)\n  );--hover-remove-background-color:var(--stzh-color-primary90)}@media (forced-colors: 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-grey80));--background-color:var(\n    --stzh-chip-disabled-background-color,\n    var(--stzh-color-grey20)\n  );--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)}.sc-stzh-chip-h:where([size=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-chip-h:where([size-small=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}}@media screen and (min-width: 600px) and (min-width: 900px){.sc-stzh-chip-h:where([size-small=default]){--outer-height:auto}}@media screen and (min-width: 600px){.sc-stzh-chip-h:where([size-small=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-small=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}}@media screen and (min-width: 900px) and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=default]){--outer-height:auto}}@media screen and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-medium=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-chip-h:where([size-large=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}}@media screen and (min-width: 1260px) and (min-width: 900px){.sc-stzh-chip-h:where([size-large=default]){--outer-height:auto}}@media screen and (min-width: 1260px){.sc-stzh-chip-h:where([size-large=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-large=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){.sc-stzh-chip-h:where([size-ultra=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}}@media screen and (min-width: 1600px) and (min-width: 900px){.sc-stzh-chip-h:where([size-ultra=default]){--outer-height:auto}}@media screen and (min-width: 1600px){.sc-stzh-chip-h:where([size-ultra=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-ultra=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}.stzh-chip.sc-stzh-chip{position:relative}.stzh-chip__vhidden.sc-stzh-chip{border:0;clip:rect(0 0 0 0);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(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);min-height:var(--outer-height);font-family:inherit;appearance:none;padding:0px;border:none;background-color:transparent}.stzh-chip__button.is-button.sc-stzh-chip,.stzh-chip__button.is-link.sc-stzh-chip{cursor:pointer}.stzh-chip__button-inner.sc-stzh-chip{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);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__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:50%;transform:translateY(-50%);right:0;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__button-inner.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__button-inner.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--is-removable.sc-stzh-chip .stzh-chip__button-inner.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 n=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick");this.stzhRemove=s(this,"stzhRemove");this.stzhFocus=s(this,"stzhFocus");this.stzhBlur=s(this,"stzhBlur");this.label="";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.a11yDescribedby="";this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.chip.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-chip",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-chip",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:t,href:this.href})};this.onRemoveClick=t=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:t})}}componentDidRender(){requestAnimationFrame((()=>{var t;(t=this.chip)===null||t===void 0?void 0:t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}renderInner(){return e("div",{class:"stzh-chip__button-inner"},e("div",{class:"stzh-chip__icon-wrapper"},this.icon||typeof this.icon==="undefined"&&this.variant==="tag"&&this.type!=="default"?e("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"}):e("slot",{name:"icon"})),e("stzh-clamp",{lines:1,class:"stzh-chip__label",ref:t=>this.text=t},this.label?this.label:e("slot",null),this.counter&&this.counter!=="undefined"&&this.counter!==undefined&&e("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&this.counter!=="undefined"&&this.counter!==undefined&&e("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const t={"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 s=this.nonInteractive?"div":this.href?"a":"button";return e(i,{key:"c2d6807463fe7613b47d6bd461456e3562895599",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"fc21b4bf6596cbf5af87cbef37c56a8ca368b515",class:t},this.removable&&e("button",{key:"9b749e905aa5e1327ed4189d26fb34e62f9fbf17",class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button","s-object-id":this.removeAnalyticsId||this.removeLabel},e("stzh-icon",{key:"71156186f893429de5414f2d425fa7067ce0907d",class:"stzh-chip__remove-icon",name:"close-big"})),this.href?e(s,{ref:t=>this.chip=t,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()):e(s,{ref:t=>this.chip=t,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)}};n.style=a();const l=()=>`.sc-stzh-chipselect-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-chipselect-h,[stzh-hidden].sc-stzh-chipselect-h{display:none}.sc-stzh-chipselect-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipselect-h *.sc-stzh-chipselect,.sc-stzh-chipselect-h *.sc-stzh-chipselect::before,.sc-stzh-chipselect-h *.sc-stzh-chipselect::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-chipselect-h .has-focus.sc-stzh-chipselect{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect{outline-style:none !important}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect::-moz-focus-inner{border:0 !important}.sc-stzh-chipselect-h{width:100%}[disabled].sc-stzh-chipselect-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}[active].sc-stzh-chipselect-h:not([active=false]){--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[active].is-focused.sc-stzh-chipselect-h{--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[dropdown-on-mobile].sc-stzh-chipselect-h .stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%}.stzh-chipselect__marker-symbol.sc-stzh-chipselect{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-chipselect__marker-text.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__description.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chipselect__error.sc-stzh-chipselect{color:var(--stzh-color-error60)}.stzh-chipselect__error-list.sc-stzh-chipselect{list-style:none;margin:0;padding:0}.stzh-chipselect__description.sc-stzh-chipselect{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-chipselect__description-long.sc-stzh-chipselect{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-chipselect__description-long.sc-stzh-chipselect{margin-top:0}}.stzh-chipselect__description-long-popover.sc-stzh-chipselect{--width:auto;--max-width:27.3125rem}.stzh-chipselect__description-long-button.sc-stzh-chipselect{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-chipselect.sc-stzh-chipselect stzh-icon.stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-xsmall)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xxxsmall)}.stzh-chipselect.sc-stzh-chipselect{width:100%}.stzh-chipselect__label-wrapper.sc-stzh-chipselect{display:flex;align-items:center;gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall);width:100%;min-width:0;min-height:1.375rem}.stzh-chipselect__label.sc-stzh-chipselect{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-heading-color);display:block;min-width:0;flex:0 1 auto;max-width:100%;margin-bottom:0}.stzh-chipselect__label.sc-stzh-chipselect:empty{display:none}.stzh-chipselect__label-wrapper.sc-stzh-chipselect>.stzh-chipselect__description-wrapper.sc-stzh-chipselect{flex:0 0 auto;display:inline-flex;align-items:center;margin:0}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-text.sc-stzh-chipselect{display:none}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect,.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-long.sc-stzh-chipselect{display:inline-flex;align-items:center;margin:0}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-long-button.sc-stzh-chipselect{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-chipselect__label-wrapper.sc-stzh-chipselect stzh-popover.sc-stzh-chipselect .stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-chipselect__marker.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-chipselect__chips.sc-stzh-chipselect{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--stzh-button-border-radius);gap:var(--stzh-space-medium)}.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:var(--stzh-color-primary90)}@media (forced-colors: active){.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:Canvas}}.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:var(--stzh-color-secondary40)}@media (forced-colors: active){.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:Highlight}}.stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%;--popover-width:max-content;--popover-min-width:100%;--popover-max-width:calc(100vw - 2rem)}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{margin-top:var(--stzh-space-xsmall)}.stzh-chipselect--has-label-hidden.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__chips.sc-stzh-chipselect,.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{cursor:not-allowed}`;let p=0;const d=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange");this.data=[];this._data=[];this._dataDropdown=[];this.label="";this.labelHidden=false;this.multiple=false;this.value="";this._value=[];this.defaultValue="";this.invalid=false;this.required=false;this.disabled=false;this.hideOptional=false;this.dropdownOnMobile=false;this.a11yDescribedby="";this.activeFocusOptionIndex=-1;this.isMobile=false;this.skipNextValueRender=false;this.handleReset=async()=>{this.value=this.defaultValue};this.handleMediaQueryChange=t=>{this.isMobile=t.matches};this.handleChipClick=async(t,s)=>{if(this.multiple){if(t.value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(t.value!==""){this.value=this._value.includes(t.value)?this._value.filter((s=>s!==t.value)):[...this._value,t.value]}}else{this.value=t.value}this.activeFocusOptionIndex=s;await this.waitForNextRender();this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?this._value:this._value[0]})};this.handleDropdownChange=t=>{const s=t.detail.value;const e=Array.isArray(s)?String(s):[String(s)];this.skipNextValueRender=true;this.value=this.multiple?e:e.length>0?e[0]:"";this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?e:e[0]})};this.handleKeydown=t=>{let s=null;const e=this.activeFocusOptionIndex;if(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();if(e>0){s=e-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();if(e<this._data.length-1){s=e+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(e<0){return}if(this.multiple){if(this._data[e].value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(this._data[e].value!==""){this.value=this._value.includes(this._data[e].value)?this._value.filter((t=>t!==this._data[e].value)):[...this._value,this._data[e].value]}}else{this.value=this._data[e].value}this.stzhChange.emit({component:"stzh-chipselect",value:this.value})}if(s!==null){this.activeFocusOptionIndex=s}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){if(typeof t==="string"){try{const s=JSON.parse(t);if(Array.isArray(s)){this._value=s}else{this._value=[t]}}catch(s){this._value=[t]}}else if(Array.isArray(t)){this._value=t}else{this._value=[]}}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._data.map((t=>{if(typeof t.value!=="string"){throw new TypeError(`${t.value} is not a string. The data prop only accepts arrays (or stringified arrays), where the value property is a string. Consult the StzhChipselectItem type definition for more information.`)}}));this._dataDropdown=this._data.map((t=>({text:t.counter?`${t.label} (${t.counter})`:t.label,value:t.value})))}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}componentShouldUpdate(t,s,e){if(e==="value"&&this.useDropdownOnMobile&&this.skipNextValueRender){this.skipNextValueRender=false;return false}return true}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}get useDropdownOnMobile(){return this.isMobile&&this.dropdownOnMobile}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.id=`stzh-chipselect-${p++}`;this.dataWatcher(this.data);this.errorWatcher(this.error);this.valueWatcher(this.value);if(this.defaultValue===undefined||this.defaultValue===null){this.defaultValue=this.value}if(typeof window!=="undefined"){this.mediaQuery=window.matchMedia("(max-width: 767px)");this.isMobile=this.mediaQuery.matches}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"chipselect")}}componentDidLoad(){if(this.mediaQuery){this.mediaQuery.addEventListener("change",this.handleMediaQueryChange)}}disconnectedCallback(){if(this.mediaQuery){this.mediaQuery.removeEventListener("change",this.handleMediaQueryChange)}}render(){var t;const s=o(this.element,"description")||!!this.description;const h=o(this.element,"description-long")||!!this.descriptionLong;const a=o(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const n=!this.labelHidden&&(!!this.label||o(this.element)||h);const l=this.activeFocusOptionIndex>=0;const p=l?`${this.id}-option-${this.activeFocusOptionIndex}`:undefined;const d={"stzh-chipselect":true,"stzh-chipselect--has-description":s,"stzh-chipselect--has-description-long":h,"stzh-chipselect--has-error":a,"stzh-chipselect--is-invalid":this.invalid||a,"stzh-chipselect--is-disabled":this.disabled,"stzh-chipselect--is-required":this.required,"stzh-chipselect--has-label-hidden":this.labelHidden};return e(i,{key:"6d2c378e763f9846d5bcef6fbdf00f24956046a5","is-invalid":this.invalid||a},e("div",{key:"8c6db8e943fa6c1d9728f895fea83f6e95dd30db",class:d},!this.useDropdownOnMobile&&(this.multiple?e(r,null,this._value.map((t=>e("input",{type:"hidden",name:this.name,value:t})))):e("input",{type:"hidden",name:this.name,value:this.value})),!this.useDropdownOnMobile&&n&&e("div",{key:"939cf90d05cc4a7677287d41992366a9024a1258",class:"stzh-chipselect__label-wrapper"},e("label",{key:"3e6d0006b9f8b6a5aa696969150aac1342ef6717",class:"stzh-chipselect__label",htmlFor:this.id},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"8072a604dc9304930a2d8b88083a4c3d9ad1e625",class:"stzh-chipselect__marker"},e("span",{key:"d5fd00632be1a47cc07ca936133ca1d4d79fc6ab",class:"stzh-chipselect__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"f501bb9f1e8c132f639ed72ca195eb1a669c167c",class:"stzh-chipselect__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),h&&e(c,{key:"9ff27d167b8cbac6770de6c0bfbb9121a329c9ef",classPrefix:"stzh-chipselect",id:`${this.id}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:h,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false})),this._data.length>0&&e(r,{key:"130d007cfa576382f900029823900bbc16f5b8b2"},!this.useDropdownOnMobile?e(r,null,e("div",{id:this.id,class:"stzh-chipselect__chips",role:"listbox",tabindex:"0","aria-multiselectable":this.multiple?"true":"false","aria-activedescendant":p,"aria-describedby":`${this.id}-description ${this.a11yDescribedby}`,onKeyDown:this.handleKeydown},this._data.map(((t,s)=>e("stzh-chip",{role:"option",class:{"stzh-chipselect__chip":true,"is-focused":this.activeFocusOptionIndex===s},label:t.label,counter:t.counter,icon:t.icon,variant:t.variant||"filter",inverted:t.inverted,size:t.size||"small",disabled:this.disabled||t.disabled,active:this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]===""),"aria-selected":this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]==="")?"true":"false",id:`${this.id}-option-${s}`,a11yTabindex:"-1",onClick:()=>this.handleChipClick(t,s)}))))):e("stzh-dropdown",{class:"stzh-chipselect__dropdown",name:this.name,multiple:this.multiple,disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,required:this.required,invalid:this.invalid,items:this.multiple?this._value:this._value.length>0?[this._value[0]]:[],label:this.label,labelHidden:this.labelHidden,options:this._dataDropdown,hideOptional:this.hideOptional,onStzhChange:this.handleDropdownChange})),!this.useDropdownOnMobile&&(a||s)&&e(c,{key:"74c035663687909bf314c14223de6b16893fd9f7",classPrefix:"stzh-chipselect",id:`${this.id}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],data:["dataWatcher"],error:["errorWatcher"]}}};d.style=l();export{n as stzh_chip,d as stzh_chipselect};
+//# sourceMappingURL=p-69f5276e.entry.js.map