@oiz/stzh-components 4.0.0-beta3 → 4.0.1-beta

package/dist/stzh-components/{p-592452c5.entry.js → p-d12700c1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as o,a as e,g as i}from"./p-ef5985a3.js";import{s as a,h as n}from"./p-24caf6c1.js";import{w as r}from"./p-70ec7e79.js";import{s as h,a as l,b as c}from"./p-2c0bec3e.js";import{C as d}from"./p-979121a0.js";import"./p-dae15605.js";import"./p-1ab64d01.js";const f=":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 .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{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed);}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-toast{border:0.0625rem solid Highlight}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}";const m=f;const p={keyframes:[{transform:"translateY(100%)",opacity:"0",height:"0",marginBottom:"0"},{transform:"translateY(0px)",opacity:"1",height:"auto",marginBottom:"auto"}],options:{duration:300,easing:"ease-out"}};const b={keyframes:[{transform:"translateX(0px)",opacity:"1",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"0",marginBottom:"0"}],options:{duration:300,easing:"ease-in"}};const z=class{constructor(o){t(this,o);this.stzhOpen=s(this,"stzhOpen",7);this.stzhOpened=s(this,"stzhOpened",7);this.stzhClose=s(this,"stzhClose",7);this.stzhClosed=s(this,"stzhClosed",7);this.handleLinkSlotchange=()=>{var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.querySelectorAll('stzh-button[slot="link"], [slot="link"] stzh-button');o.forEach((t=>{a(t,{size:"small",variant:"tertiary"})}))};this.onCloseButtonClick=()=>{this.hide()};this.label="";this.type="info";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.localization=undefined}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-toast"})}await h(this.element);this.element.hidden=false;const t=getComputedStyle(this.element,null);await l(this.element,c(p.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),p.options);this.element.style.height="auto";this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-toast"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-toast"})}await h(this.element);const t=getComputedStyle(this.element,null);await l(this.element,c(b.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),b.options);this.element.style.height="0px";this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-toast"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toast")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.height="0px";this.element.style.opacity="0";requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.openWatcher(true)}))}))}else{this.element.hidden=!this.open;this.element.style.height=this.open?"auto":"0px";this.element.style.opacity=this.open?"1":"0"}}render(){const t=n(this.element,"link");const s={"stzh-toast":true,"stzh-toast--has-link":t,"stzh-toast--has-close-hidden":this.hideClose,[`stzh-toast--type-${this.type}`]:!!this.type};return o(e,{key:"d7048fb43e64a4c4908f3610d4b043410b3b9080"},o("div",{key:"b876cadbc5f00f2b5061b6ca8e9d98bc7298ce49",ref:t=>this.rootElement=t,class:s},o("div",{key:"339f1f0fe4d203e72e0fb3b517c68dd103131c36",class:"stzh-toast__content"},o("div",{key:"ea18bfbbc415b3c4d62b6c8f3cebd05fb46ec8f8",class:"stzh-toast__icon-wrapper"},o("stzh-icon",{key:"75f50cc1fd5af6d09d968979bf0028070b50d0ba",class:"stzh-toast__icon",name:this.type==="info"&&"info-help-filled"||this.type==="success"&&"checkmark-circle-filled"||this.type==="warning"&&"important-warning-filled"||this.type==="error"&&"warning-filled"})),o("div",{key:"87bc4e08e42764e879724ad17f421c9b8b5ea9b0",class:"stzh-toast__text-wrapper"},o("div",{key:"202c99a66f15451b783f875182075cc9d9722845",class:"stzh-toast__label"},this.label),o("div",{key:"6d586a58474402315f39e889a97578818938ddb3",class:"stzh-toast__link"},o("slot",{key:"7862a09bb223c5dd99a135946e71514bad641a99",name:"link",onSlotchange:this.handleLinkSlotchange})))),!this.hideClose&&o("div",{key:"4e69ed009561532b682e26636648a6fb64018c0a",class:"stzh-toast__close-wrapper"},o("stzh-button",{key:"4973fab02cc7c8c7db0ea8035941ee81e140a97e",class:"stzh-toast__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"]}}};z.style=m;const u=":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 .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{bottom:var(--stzh-space-medium);z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}";const g=u;const v="stzh-components-toastbar-closed";const y=class{constructor(s){t(this,s);this._initialToasts=[];this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()};this.hideAfter=30;this.max=5;this.initialToasts=[]}async toast(t,{type:s,link:o}={type:"info"}){const e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=s||"info";e.initialOpenAnimation=true;if(o){o.slot="link";o.size="small";e.appendChild(o)}this.element.appendChild(e);return e}initialToastsWatcher(t){if(typeof t==="string"){this._initialToasts=JSON.parse(t)}else{this._initialToasts=t}}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let s=(new Date).getTime();let o=this.hideAfter*1e3;let e=window.setTimeout((()=>{t.hide()}),o);t.addEventListener("pointerenter",(()=>{if(e){window.clearTimeout(e);const t=(new Date).getTime()-s;o=o-t}}));t.addEventListener("pointerleave",(()=>{s=(new Date).getTime();e=window.setTimeout((()=>{t.hide()}),o)}))}}toastsAppended(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;Array.from(s.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.children.length;Array.from(s.children).splice(0,o-this.max).forEach((t=>{t.hide()}))}componentWillLoad(){this.initialToastsWatcher(this.initialToasts)}componentDidLoad(){this._initialToasts.forEach((async t=>{if(t.cookie){const s=d.get(`${v}-${t.cookie}`);if(s){return}}let s=t.link;if(!(s instanceof HTMLElement)){const o=document.createElement("stzh-button");o.slot="link";o.size="small";Object.assign(o,t.link);s=o}const o=await this.toast(t.label,{type:t.type,link:s});if(t.cookie){let s=365;if(t.cookieExpires===0){s=null}else if(t.cookieExpires){s=t.cookieExpires}o.addEventListener("stzhClosed",(()=>{d.set(`${v}-${t.cookie}`,"1",{expires:s})}))}}))}render(){const t={"stzh-toastbar":true};return o(e,{key:"61474f23d193f01a9ac2e0f952db3f1384f68c61"},o("div",{key:"b0986bc204ffd8a54ed5d4c904fc56e301bb958f",class:t},o("slot",{key:"c91fcaf716675d3e823d799d352348ce5b570413",onSlotchange:this.handleSlotchange})))}get element(){return i(this)}static get watchers(){return{initialToasts:["initialToastsWatcher"]}}};y.style=g;export{z as stzh_toast,y as stzh_toastbar};
-//# sourceMappingURL=p-592452c5.entry.js.map
+import{r as t,c as s,h as o,a as e,g as i}from"./p-ef5985a3.js";import{s as a,h as n}from"./p-24caf6c1.js";import{w as r}from"./p-70ec7e79.js";import{s as h,a as l,b as c}from"./p-2c0bec3e.js";import{C as d}from"./p-979121a0.js";import"./p-dae15605.js";import"./p-1ab64d01.js";const f=":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 .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{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed);}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-toast{border:0.0625rem solid Highlight}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}";const m=f;const p={keyframes:[{transform:"translateY(100%)",opacity:"0",height:"0",marginBottom:"0"},{transform:"translateY(0px)",opacity:"1",height:"auto",marginBottom:"auto"}],options:{duration:300,easing:"ease-out"}};const z={keyframes:[{transform:"translateX(0px)",opacity:"1",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"0",marginBottom:"0"}],options:{duration:300,easing:"ease-in"}};const b=class{constructor(o){t(this,o);this.stzhOpen=s(this,"stzhOpen",7);this.stzhOpened=s(this,"stzhOpened",7);this.stzhClose=s(this,"stzhClose",7);this.stzhClosed=s(this,"stzhClosed",7);this.handleLinkSlotchange=()=>{var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.querySelectorAll('stzh-button[slot="link"], [slot="link"] stzh-button');o.forEach((t=>{a(t,{size:"small",variant:"tertiary"})}))};this.onCloseButtonClick=()=>{this.hide()};this.label="";this.type="info";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.localization=undefined}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-toast"})}await h(this.element);this.element.hidden=false;const t=getComputedStyle(this.element,null);await l(this.element,c(p.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),p.options);this.element.style.height="auto";this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-toast"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-toast"})}await h(this.element);const t=getComputedStyle(this.element,null);await l(this.element,c(z.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),z.options);this.element.style.height="0px";this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-toast"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toast")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.height="0px";this.element.style.opacity="0";requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.openWatcher(true)}))}))}else{this.element.hidden=!this.open;this.element.style.height=this.open?"auto":"0px";this.element.style.opacity=this.open?"1":"0"}}render(){const t=n(this.element,"link");const s={"stzh-toast":true,"stzh-toast--has-link":t,"stzh-toast--has-close-hidden":this.hideClose,[`stzh-toast--type-${this.type}`]:!!this.type};return o(e,{key:"ebd451b3ea37c67151df03e8dd32d3c8d40724cf"},o("div",{key:"3dbe98e3f38b89223f188bd3827c81141bb4ff26",ref:t=>this.rootElement=t,class:s},o("div",{key:"a37965aaa1385d8ea582f44c97ab49550b6b3c83",class:"stzh-toast__content"},o("div",{key:"82b31c1f2ae0ac7a33ca78c96a4959478103223e",class:"stzh-toast__icon-wrapper"},o("stzh-icon",{key:"afb7fe63977fa29080d59277aeda85d10ea1640d",class:"stzh-toast__icon",name:this.type==="info"&&"info-help-filled"||this.type==="success"&&"checkmark-circle-filled"||this.type==="warning"&&"important-warning-filled"||this.type==="error"&&"warning-filled"})),o("div",{key:"d01335303e89a00c4690e2dd334b5dde98c145a4",class:"stzh-toast__text-wrapper"},o("div",{key:"9281cee6185b7b86dce6a2439e2527403ffb2f98",class:"stzh-toast__label"},this.label),o("div",{key:"f468bc792d8b87f29aecafc6412f3f3747b1b274",class:"stzh-toast__link"},o("slot",{key:"398bb83622018e50215dad11a23fee71555d55b9",name:"link",onSlotchange:this.handleLinkSlotchange})))),!this.hideClose&&o("div",{key:"8fd55bdac0a83bb14ab38d978267d90657129160",class:"stzh-toast__close-wrapper"},o("stzh-button",{key:"73cdc6a035e12f2406640c1774321916bd5fd40e",class:"stzh-toast__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"]}}};b.style=m;const u=":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 .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{bottom:var(--stzh-space-medium);z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}";const g=u;const v="stzh-components-toastbar-closed";const y=class{constructor(s){t(this,s);this._initialToasts=[];this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()};this.hideAfter=30;this.max=5;this.initialToasts=[]}async toast(t,{type:s,link:o}={type:"info"}){const e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=s||"info";e.initialOpenAnimation=true;if(o){o.slot="link";o.size="small";e.appendChild(o)}this.element.appendChild(e);return e}initialToastsWatcher(t){if(typeof t==="string"){this._initialToasts=JSON.parse(t)}else{this._initialToasts=t}}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let s=(new Date).getTime();let o=this.hideAfter*1e3;let e=window.setTimeout((()=>{t.hide()}),o);t.addEventListener("pointerenter",(()=>{if(e){window.clearTimeout(e);const t=(new Date).getTime()-s;o=o-t}}));t.addEventListener("pointerleave",(()=>{s=(new Date).getTime();e=window.setTimeout((()=>{t.hide()}),o)}))}}toastsAppended(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;Array.from(s.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.children.length;Array.from(s.children).splice(0,o-this.max).forEach((t=>{t.hide()}))}componentWillLoad(){this.initialToastsWatcher(this.initialToasts)}componentDidLoad(){this._initialToasts.forEach((async t=>{if(t.cookie){const s=d.get(`${v}-${t.cookie}`);if(s){return}}let s=t.link;if(!(s instanceof HTMLElement)){const o=document.createElement("stzh-button");o.slot="link";o.size="small";Object.assign(o,t.link);s=o}const o=await this.toast(t.label,{type:t.type,link:s});if(t.cookie){let s=365;if(t.cookieExpires===0){s=null}else if(t.cookieExpires){s=t.cookieExpires}o.addEventListener("stzhClosed",(()=>{d.set(`${v}-${t.cookie}`,"1",{expires:s})}))}}))}render(){const t={"stzh-toastbar":true};return o(e,{key:"b9e5edb980024fe6e80d4a7a5128f34c6accf678"},o("div",{key:"fb9f475c57e772fad3d64d50ee04131125fe370c",class:t},o("slot",{key:"9b812139373255f3f1a4220cca3f7dfcbb550b8b",onSlotchange:this.handleSlotchange})))}get element(){return i(this)}static get watchers(){return{initialToasts:["initialToastsWatcher"]}}};y.style=g;export{b as stzh_toast,y as stzh_toastbar};
+//# sourceMappingURL=p-d12700c1.entry.js.map

package/dist/stzh-components/{p-6802415a.entry.js → p-d17b4c21.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as s,a}from"./p-ef5985a3.js";const t=":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 .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{--v-space:var(--stzh-space-default);--v-around-top:0;--v-around-bottom:0;--v-around:0;display:flex;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}:host ::slotted(*){max-width:100%;padding-top:calc(var(--v-space) * var(--v-around-top));padding-bottom:calc(var(--v-space) * var(--v-around-bottom));margin:0}:host ::slotted(*:not(:last-child)){margin-bottom:calc(var(--v-space) * (1 - var(--v-around)))}:host ::slotted(stzh-show){--show-display:block}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){align-self:stretch;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--v-around-top:1;--v-around-bottom:1;--v-around:1}:host(:empty){height:var(--v-space)}:host([around-top]:not([around-top=false])){--v-around-top:1;--v-around:1}:host([around-bottom]:not([around-bottom=false])){--v-around-bottom:1;--v-around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--v-space:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){:host([curve=tiny]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--v-space:var(--stzh-space-small)}}:host([curve=small]){--v-space:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([curve=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([curve=small]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--v-space:var(--stzh-space-xlarge)}}:host([curve=intermediary]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 900px){:host([curve=intermediary]){--v-space:var(--stzh-space-large)}}:host([curve=regular]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=regular]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=regular]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=regular]){--v-space:var(--stzh-space-xxlarge)}}:host([curve=medium]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=medium]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=medium]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([curve=large]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([curve=big]){--v-space:var(--stzh-space-xbig)}}:host([curve=huge]){--v-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=huge]){--v-space:var(--stzh-space-huge)}}:host([curve=section-inner]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=section-inner]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=background-section-inner]){--v-space:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=background-section-outer]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xxlarge)}}:host([size=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--v-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--v-space:var(--stzh-space-xsmall)}:host([size=small]){--v-space:var(--stzh-space-small)}:host([size=medium]){--v-space:var(--stzh-space-medium)}:host([size=large]){--v-space:var(--stzh-space-large)}:host([size=xlarge]){--v-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--v-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--v-space:var(--stzh-space-big)}:host([size=xbig]){--v-space:var(--stzh-space-xbig)}:host([size=huge]){--v-space:var(--stzh-space-huge)}:host([size=xhuge]){--v-space:var(--stzh-space-xhuge)}:host([size=none]){--v-space:var(--stzh-space-none)}:host([size=default]){--v-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 900px){:host([size-medium=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){:host([size-medium=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([size-medium=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 900px){:host([size-medium=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([size-medium=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([size-medium=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 900px){:host([size-medium=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 900px){:host([size-medium=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 900px){:host([size-medium=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 900px){:host([size-medium=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1600px){:host([size-ultra=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){:host([size-ultra=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1600px){:host([size-ultra=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1600px){:host([size-ultra=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1600px){:host([size-ultra=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1600px){:host([size-ultra=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1600px){:host([size-ultra=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1600px){:host([size-ultra=default]){--v-space:var(--stzh-space-default)}}.stzh-vspace{flex-grow:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;margin:0;}.stzh-vspace--border-top{border-top:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--border-bottom{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--justify-center{justify-content:center}.stzh-vspace--justify-end{justify-content:flex-end}.stzh-vspace--justify-between{justify-content:space-between}.stzh-vspace--justify-around{justify-content:space-around}.stzh-vspace--justify-evenly{justify-content:space-evenly}.stzh-vspace--items-end{align-items:flex-end}.stzh-vspace--items-center{align-items:center}.stzh-vspace--items-baseline{align-items:baseline}.stzh-vspace--items-stretch{align-items:stretch}";const i=t;const r=class{constructor(s){e(this,s);this.curve="none";this.size=undefined;this.sizeSmall=undefined;this.sizeMedium=undefined;this.sizeLarge=undefined;this.sizeUltra=undefined;this.justify="start";this.items="start";this.around=false;this.aroundTop=false;this.aroundBottom=false;this.border="none"}render(){return s(a,{key:"82374c945773f3af31dde7d45600622f562d4260"},s("div",{key:"64c083c8c54deaa1997a7ad83adf14ad8656c803",class:{"stzh-vspace":true,[`stzh-vspace--justify-${this.justify}`]:!!this.justify,[`stzh-vspace--items-${this.items}`]:!!this.items}},s("slot",{key:"6c14f40251bc488bbf644c242533753035a73f8b"})))}};r.style=i;export{r as stzh_vspace};
-//# sourceMappingURL=p-6802415a.entry.js.map
+import{r as e,h as s,a}from"./p-ef5985a3.js";const t=":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 .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{--v-space:var(--stzh-space-default);--v-around-top:0;--v-around-bottom:0;--v-around:0;display:flex;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}:host ::slotted(*){max-width:100%;padding-top:calc(var(--v-space) * var(--v-around-top));padding-bottom:calc(var(--v-space) * var(--v-around-bottom));margin:0}:host ::slotted(*:not(:last-child)){margin-bottom:calc(var(--v-space) * (1 - var(--v-around)))}:host ::slotted(stzh-show){--show-display:block}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){align-self:stretch;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--v-around-top:1;--v-around-bottom:1;--v-around:1}:host(:empty){height:var(--v-space)}:host([around-top]:not([around-top=false])){--v-around-top:1;--v-around:1}:host([around-bottom]:not([around-bottom=false])){--v-around-bottom:1;--v-around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--v-space:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){:host([curve=tiny]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--v-space:var(--stzh-space-small)}}:host([curve=small]){--v-space:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([curve=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([curve=small]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--v-space:var(--stzh-space-xlarge)}}:host([curve=intermediary]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 900px){:host([curve=intermediary]){--v-space:var(--stzh-space-large)}}:host([curve=regular]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=regular]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=regular]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=regular]){--v-space:var(--stzh-space-xxlarge)}}:host([curve=medium]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=medium]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=medium]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([curve=large]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([curve=big]){--v-space:var(--stzh-space-xbig)}}:host([curve=huge]){--v-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=huge]){--v-space:var(--stzh-space-huge)}}:host([curve=section-inner]){--v-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=section-inner]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=section-inner]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=background-section-inner]){--v-space:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-inner]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=background-section-outer]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-outer]){--v-space:var(--stzh-space-xxlarge)}}:host([size=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--v-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--v-space:var(--stzh-space-xsmall)}:host([size=small]){--v-space:var(--stzh-space-small)}:host([size=medium]){--v-space:var(--stzh-space-medium)}:host([size=large]){--v-space:var(--stzh-space-large)}:host([size=xlarge]){--v-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--v-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--v-space:var(--stzh-space-big)}:host([size=xbig]){--v-space:var(--stzh-space-xbig)}:host([size=huge]){--v-space:var(--stzh-space-huge)}:host([size=xhuge]){--v-space:var(--stzh-space-xhuge)}:host([size=none]){--v-space:var(--stzh-space-none)}:host([size=default]){--v-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 900px){:host([size-medium=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){:host([size-medium=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([size-medium=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 900px){:host([size-medium=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([size-medium=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([size-medium=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 900px){:host([size-medium=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 900px){:host([size-medium=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 900px){:host([size-medium=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 900px){:host([size-medium=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1600px){:host([size-ultra=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){:host([size-ultra=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1600px){:host([size-ultra=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1600px){:host([size-ultra=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1600px){:host([size-ultra=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1600px){:host([size-ultra=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1600px){:host([size-ultra=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1600px){:host([size-ultra=default]){--v-space:var(--stzh-space-default)}}.stzh-vspace{flex-grow:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;margin:0;}.stzh-vspace--border-top{border-top:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--border-bottom{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--justify-center{justify-content:center}.stzh-vspace--justify-end{justify-content:flex-end}.stzh-vspace--justify-between{justify-content:space-between}.stzh-vspace--justify-around{justify-content:space-around}.stzh-vspace--justify-evenly{justify-content:space-evenly}.stzh-vspace--items-end{align-items:flex-end}.stzh-vspace--items-center{align-items:center}.stzh-vspace--items-baseline{align-items:baseline}.stzh-vspace--items-stretch{align-items:stretch}";const i=t;const r=class{constructor(s){e(this,s);this.curve="none";this.size=undefined;this.sizeSmall=undefined;this.sizeMedium=undefined;this.sizeLarge=undefined;this.sizeUltra=undefined;this.justify="start";this.items="start";this.around=false;this.aroundTop=false;this.aroundBottom=false;this.border="none"}render(){return s(a,{key:"500067f6eab1878c9a32746149bcadbf4366ac3e"},s("div",{key:"ddb27d13a69c3b4620205527d062d84ef096c64f",class:{"stzh-vspace":true,[`stzh-vspace--justify-${this.justify}`]:!!this.justify,[`stzh-vspace--items-${this.items}`]:!!this.items}},s("slot",{key:"c18426e14996d93b011478a1dc9411b845065cf3"})))}};r.style=i;export{r as stzh_vspace};
+//# sourceMappingURL=p-d17b4c21.entry.js.map

package/dist/stzh-components/{p-8060775b.entry.js → p-d83dbb08.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,a,g as r}from"./p-ef5985a3.js";const o=':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 .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{--background-color:var(--stzh-ratio-background-color);--ratio:16\n    / 9;--max-height:inherit;--overflow:inherit}:host ::slotted(*){position:absolute;width:100%;height:100%;inset:0;object-fit:cover}:host ::slotted(.stzh-card-searchresult__image-placeholder){display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--placeholder-image-color)}:host([fit=contain]) ::slotted(*){object-fit:contain}:host([portrait]:not([portrait=false])){--ratio:9\n    / 16}:host([ratio="16:9"]){--ratio:16 / 9}:host([ratio="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}:host([ratio="1:1"]){--ratio:1 / 1}:host([ratio="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}:host([ratio="21:9"]){--ratio:21 / 9}:host([ratio="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}:host([ratio="2:1"]){--ratio:2 / 1}:host([ratio="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}:host([ratio="3:2"]){--ratio:3 / 2}:host([ratio="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}:host([ratio="4:3"]){--ratio:4 / 3}:host([ratio="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}:host([ratio="5:4"]){--ratio:5 / 4}:host([ratio="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}@media screen and (min-width: 600px){:host([ratio-small="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 600px){:host([ratio-small="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 600px){:host([ratio-small="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 600px){:host([ratio-small="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 600px){:host([ratio-small="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 600px){:host([ratio-small="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 600px){:host([ratio-small="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 600px){:host([ratio-small="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 600px){:host([ratio-small="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 600px){:host([ratio-small="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 600px){:host([ratio-small="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 600px){:host([ratio-small="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 600px){:host([ratio-small="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 600px){:host([ratio-small="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 900px){:host([ratio-medium="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 900px){:host([ratio-medium="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 900px){:host([ratio-medium="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 900px){:host([ratio-medium="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 900px){:host([ratio-medium="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 900px){:host([ratio-medium="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 900px){:host([ratio-medium="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 900px){:host([ratio-medium="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 900px){:host([ratio-medium="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 900px){:host([ratio-medium="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 900px){:host([ratio-medium="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 1260px){:host([ratio-large="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 1260px){:host([ratio-large="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 1260px){:host([ratio-large="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 1260px){:host([ratio-large="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 1260px){:host([ratio-large="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 1260px){:host([ratio-large="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 1260px){:host([ratio-large="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 1260px){:host([ratio-large="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 1260px){:host([ratio-large="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 1260px){:host([ratio-large="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 1260px){:host([ratio-large="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 1600px){:host([ratio-ultra="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 1600px){:host([ratio-ultra="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 1600px){:host([ratio-ultra="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 1600px){:host([ratio-ultra="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 1600px){:host([ratio-ultra="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 1600px){:host([ratio-ultra="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 1600px){:host([ratio-ultra="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 1600px){:host([ratio-ultra="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 1600px){:host([ratio-ultra="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 1600px){:host([ratio-ultra="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 1600px){:host([ratio-ultra="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}.stzh-ratio{position:relative;width:100%;aspect-ratio:var(--ratio);background:var(--background-color);max-height:var(--max-height);overflow:var(--overflow)}';const e=o;const n=class{constructor(i){t(this,i);this.ratio="16:9";this.ratioSmall="inherit";this.ratioMedium="inherit";this.ratioLarge="inherit";this.ratioUltra="inherit";this.portrait=false;this.fit="cover"}render(){const t={"stzh-ratio":true};return i(a,{key:"69130dc906bacaaa8e317d3bf9415e5ba60cf7d4"},i("div",{key:"929f50068591cffe4c0b26fa3a01ad43c7cc374b",class:t},i("slot",{key:"5a56a2c9bed157f1c88b909cf27c381ca33dd660"})))}get element(){return r(this)}};n.style=e;export{n as stzh_ratio};
-//# sourceMappingURL=p-8060775b.entry.js.map
+import{r as t,h as i,a,g as r}from"./p-ef5985a3.js";const o=':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 .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{--background-color:var(--stzh-ratio-background-color);--ratio:16\n    / 9;--max-height:inherit;--overflow:inherit}:host ::slotted(*){position:absolute;width:100%;height:100%;inset:0;object-fit:cover}:host ::slotted(.stzh-card-searchresult__image-placeholder){display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--placeholder-image-color)}:host([fit=contain]) ::slotted(*){object-fit:contain}:host([portrait]:not([portrait=false])){--ratio:9\n    / 16}:host([ratio="16:9"]){--ratio:16 / 9}:host([ratio="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}:host([ratio="1:1"]){--ratio:1 / 1}:host([ratio="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}:host([ratio="21:9"]){--ratio:21 / 9}:host([ratio="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}:host([ratio="2:1"]){--ratio:2 / 1}:host([ratio="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}:host([ratio="3:2"]){--ratio:3 / 2}:host([ratio="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}:host([ratio="4:3"]){--ratio:4 / 3}:host([ratio="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}:host([ratio="5:4"]){--ratio:5 / 4}:host([ratio="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}@media screen and (min-width: 600px){:host([ratio-small="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 600px){:host([ratio-small="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 600px){:host([ratio-small="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 600px){:host([ratio-small="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 600px){:host([ratio-small="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 600px){:host([ratio-small="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 600px){:host([ratio-small="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 600px){:host([ratio-small="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 600px){:host([ratio-small="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 600px){:host([ratio-small="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 600px){:host([ratio-small="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 600px){:host([ratio-small="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 600px){:host([ratio-small="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 600px){:host([ratio-small="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 900px){:host([ratio-medium="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 900px){:host([ratio-medium="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 900px){:host([ratio-medium="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 900px){:host([ratio-medium="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 900px){:host([ratio-medium="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 900px){:host([ratio-medium="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 900px){:host([ratio-medium="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 900px){:host([ratio-medium="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 900px){:host([ratio-medium="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 900px){:host([ratio-medium="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 900px){:host([ratio-medium="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 1260px){:host([ratio-large="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 1260px){:host([ratio-large="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 1260px){:host([ratio-large="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 1260px){:host([ratio-large="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 1260px){:host([ratio-large="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 1260px){:host([ratio-large="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 1260px){:host([ratio-large="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 1260px){:host([ratio-large="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 1260px){:host([ratio-large="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 1260px){:host([ratio-large="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 1260px){:host([ratio-large="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 1600px){:host([ratio-ultra="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 1600px){:host([ratio-ultra="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 1600px){:host([ratio-ultra="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 1600px){:host([ratio-ultra="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 1600px){:host([ratio-ultra="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 1600px){:host([ratio-ultra="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 1600px){:host([ratio-ultra="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 1600px){:host([ratio-ultra="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 1600px){:host([ratio-ultra="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 1600px){:host([ratio-ultra="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 1600px){:host([ratio-ultra="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}.stzh-ratio{position:relative;width:100%;aspect-ratio:var(--ratio);background:var(--background-color);max-height:var(--max-height);overflow:var(--overflow)}';const e=o;const n=class{constructor(i){t(this,i);this.ratio="16:9";this.ratioSmall="inherit";this.ratioMedium="inherit";this.ratioLarge="inherit";this.ratioUltra="inherit";this.portrait=false;this.fit="cover"}render(){const t={"stzh-ratio":true};return i(a,{key:"69130dc906bacaaa8e317d3bf9415e5ba60cf7d4"},i("div",{key:"929f50068591cffe4c0b26fa3a01ad43c7cc374b",class:t},i("slot",{key:"ec8675047fc223e66fdc5f875b6bf8f6b734d7f8",name:"image"}),i("slot",{key:"41e2fb57245933c45e0d1030d4737eb6ce424fdd"})))}get element(){return r(this)}};n.style=e;export{n as stzh_ratio};
+//# sourceMappingURL=p-d83dbb08.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stzhRatioCss","StzhRatioStyle0","StzhRatio","render","classes","h","Host","key","class","name"],"sources":["src/components/stzh-ratio/stzh-ratio.scss?tag=stzh-ratio&encapsulation=shadow","src/components/stzh-ratio/stzh-ratio.tsx"],"sourcesContent":["/**\n * @prop --ratio: Ratio (e.g. 16 / 9)\n * @prop --background-color: Background color of ratio area\n * @prop --max-height: Max height of the ratio, useful when viewport is huge\n * @prop --overflow: In combination with max height you might wanna hide overflow\n *\n * @prop --stzh-ratio-background-color: **Global**: Background color of ratios\n */\n\n:host {\n  --background-color: #{$ratioBackgroundColor};\n  --ratio: #{nth(map-get($ratios, $ratioDefault), 1)}\n    / #{nth(map-get($ratios, $ratioDefault), 2)};\n  --max-height: inherit;\n  --overflow: inherit;\n\n  ::slotted(*) {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    inset: 0;\n    object-fit: cover;\n  }\n\n  ::slotted(.stzh-card-searchresult__image-placeholder) {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    color: var(--placeholder-image-color);\n  }\n}\n\n:host([fit=\"contain\"]) ::slotted(*) {\n  object-fit: contain;\n}\n\n/* Ratio variants */\n\n:host([portrait]:not([portrait=\"false\"])) {\n  --ratio: #{nth(map-get($ratios, $ratioDefault), 2)}\n    / #{nth(map-get($ratios, $ratioDefault), 1)};\n}\n\n@mixin ratioProps($breakpoint: null) {\n  @each $ratio, $value in $ratios {\n    $firstNr: nth($value, 1);\n    $secondNr: nth($value, 2);\n\n    @if $breakpoint {\n      :host([ratio-#{$breakpoint}=\"#{$ratio}\"]) {\n        @include mq($from: $breakpoint) {\n          --ratio: #{$firstNr} / #{$secondNr};\n        }\n      }\n\n      :host([ratio-#{$breakpoint}=\"#{$ratio}\"][portrait]:not([portrait=\"false\"])) {\n        @include mq($from: $breakpoint) {\n          --ratio: #{$secondNr} / #{$firstNr};\n        }\n      }\n    } @else {\n      :host([ratio=\"#{$ratio}\"]) {\n        --ratio: #{$firstNr} / #{$secondNr};\n      }\n\n      :host([ratio=\"#{$ratio}\"][portrait]:not([portrait=\"false\"])) {\n        --ratio: #{$secondNr} / #{$firstNr};\n      }\n    }\n  }\n}\n\n@include ratioProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include ratioProps($breakpoint);\n}\n\n.stzh-ratio {\n  position: relative;\n  width: 100%;\n  aspect-ratio: var(--ratio);\n  background: var(--background-color);\n  max-height: var(--max-height);\n  overflow: var(--overflow);\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for e.g. image or video\n */\n@Component({\n  tag: \"stzh-ratio\",\n  styleUrl: \"stzh-ratio.scss\",\n  shadow: true,\n})\nexport class StzhRatio {\n  /** Aspect ratio */\n  @Prop({ reflect: true }) ratio: Layout.Ratio = \"16:9\";\n  /** Aspect ratio above small breakpoint */\n  @Prop({ reflect: true }) ratioSmall: Layout.Ratio | \"inherit\" = \"inherit\";\n  /** Aspect ratio above medium breakpoint */\n  @Prop({ reflect: true }) ratioMedium: Layout.Ratio | \"inherit\" = \"inherit\";\n  /** Aspect ratio above large breakpoint */\n  @Prop({ reflect: true }) ratioLarge: Layout.Ratio | \"inherit\" = \"inherit\";\n  /** Aspect ratio above ultra breakpoint */\n  @Prop({ reflect: true }) ratioUltra: Layout.Ratio | \"inherit\" = \"inherit\";\n\n  /** Whether aspect ratio is in portrait mode */\n  @Prop({ reflect: true }) portrait: boolean = false;\n\n  /** Fit mode */\n  @Prop({ reflect: true }) fit: \"cover\" | \"contain\" = \"cover\";\n\n  @Element() element: HTMLStzhRatioElement;\n\n  render() {\n    const classes = {\n      \"stzh-ratio\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot name=\"image\"></slot>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oDAAA,MAAMA,EAAe,+/OACrB,MAAAC,EAAeD,E,MCWFE,EAAS,M,oCAE2B,O,gBAEiB,U,iBAEC,U,gBAED,U,gBAEA,U,cAGnB,M,SAGO,O,CAIpD,MAAAC,GACE,MAAMC,EAAU,CACd,aAAc,MAGhB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOJ,GACVC,EAAA,QAAAE,IAAA,2CAAME,KAAK,UACXJ,EAAA,QAAAE,IAAA,8C"}

package/dist/stzh-components/{p-549b5a54.entry.js → p-d98330d6.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,a as s,g as e}from"./p-ef5985a3.js";import{s as i}from"./p-24caf6c1.js";import"./p-dae15605.js";const n=":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 .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{display:contents}@media print{:host{display:none}}.stzh-scrollup{display:contents}";const r=n;const a=class{constructor(o){t(this,o);this.handleLinkClick=()=>{window.scrollTo({top:0,left:0,behavior:"smooth"})};this.handleSlotchange=()=>{var t;const o=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=o.querySelectorAll("stzh-link, stzh-button");s.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"arrow-up"})}))}}render(){const t={"stzh-scrollup":true};return o(s,{key:"deda31b1ec662993903318b9c803d9a6330fe887"},o("div",{key:"d9aa01d30bb6abbee0d0b03c2728058e76707576",class:t},o("slot",{key:"ea3f6114a38023cef4683b8b0b3c16157735b89a",onSlotchange:this.handleSlotchange})))}get element(){return e(this)}};a.style=r;export{a as stzh_scrollup};
-//# sourceMappingURL=p-549b5a54.entry.js.map
+import{r as t,h as o,a as s,g as e}from"./p-ef5985a3.js";import{s as i}from"./p-24caf6c1.js";import"./p-dae15605.js";const n=":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 .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{display:contents}@media print{:host{display:none}}.stzh-scrollup{display:contents}";const r=n;const c=class{constructor(o){t(this,o);this.handleLinkClick=()=>{window.scrollTo({top:0,left:0,behavior:"smooth"})};this.handleSlotchange=()=>{var t;const o=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=o.querySelectorAll("stzh-link, stzh-button");s.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"arrow-up"})}))}}render(){const t={"stzh-scrollup":true};return o(s,{key:"5dce13acbe1335a55ddbdf1dd10eea332be846ec"},o("div",{key:"6d7e887f12979457f4d4f1d389e1ba845a8f534c",class:t},o("slot",{key:"72659c769b97f46d4f64b29200f083c26dbfc50e",onSlotchange:this.handleSlotchange})))}get element(){return e(this)}};c.style=r;export{c as stzh_scrollup};
+//# sourceMappingURL=p-d98330d6.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,a as o,g as e}from"./p-ef5985a3.js";import{c as h,o as r,f as a,s as l,a as c,b as n,A as p}from"./p-995d3227.js";import{c as d}from"./p-f48422c4.js";import{i as z}from"./p-24caf6c1.js";import{w as f}from"./p-70ec7e79.js";import{s as u,a as b}from"./p-2c0bec3e.js";import"./p-dae15605.js";const m=".sc-stzh-tooltip-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-tooltip-h,[stzh-hidden].sc-stzh-tooltip-h{display:none}.sc-stzh-tooltip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-tooltip-h *.sc-stzh-tooltip,.sc-stzh-tooltip-h *.sc-stzh-tooltip::before,.sc-stzh-tooltip-h *.sc-stzh-tooltip::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-tooltip-h .has-focus.sc-stzh-tooltip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-tooltip-h .stzh-fylingfocus-focused.sc-stzh-tooltip{outline-style:none !important}.sc-stzh-tooltip-h .stzh-fylingfocus-focused.sc-stzh-tooltip::-moz-focus-inner{border:0 !important}.sc-stzh-tooltip-h{display:contents;--color:var(--stzh-tooltip-color, var(--stzh-color-white));--background-color:var(--stzh-tooltip-background-color, var(--stzh-color-coolgrey60));--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-tooltip-padding);--border-radius:var(--stzh-tooltip-border-radius);--link-color:var(--stzh-tooltip-link-color, var(--stzh-color-white));--hover-link-color:var(--stzh-tooltip-hover-link-color, var(--stzh-color-white70op))}[size=small].sc-stzh-tooltip-h{--padding:var(--stzh-tooltip-small-padding)}[type=button].sc-stzh-tooltip-h{--color:var(--stzh-color-midnightblue70);--background-color:var(--stzh-color-coolgrey10);--link-color:var(--stzh-color-midnightblue70);--hover-link-color:var(--stzh-color-midnightblue80)}.stzh-tooltip.sc-stzh-tooltip{display:contents}.stzh-tooltip__arrow.sc-stzh-tooltip{position:absolute;display:flex;color:var(--background-color)}.stzh-tooltip--placement-bottom.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{top:0;transform:translateY(-0.5rem)}.stzh-tooltip--placement-top.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-tooltip--placement-left.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-tooltip--placement-right.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-tooltip__trigger.sc-stzh-tooltip{display:contents}.stzh-tooltip__content.sc-stzh-tooltip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;z-index:var(--stzh-z-index-popover);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--color);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);display:flex;flex-direction:row-reverse;--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-tooltip__content.sc-stzh-tooltip{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}.stzh-tooltip__content-slot.sc-stzh-tooltip{padding:var(--padding)}.stzh-tooltip__close.sc-stzh-tooltip{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}.stzh-tooltip__icon.sc-stzh-tooltip{--size:var(--stzh-icon-size-small)}.stzh-tooltip__vhidden.sc-stzh-tooltip{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";const v=m;const y={keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:100,easing:"linear"}};const g={keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:200,easing:"linear"}};const k={ESC:27};let _=0;const w=class{constructor(i){t(this,i);this.stzhOpen=s(this,"stzhOpen",7);this.stzhOpened=s(this,"stzhOpened",7);this.stzhClose=s(this,"stzhClose",7);this.stzhClosed=s(this,"stzhClosed",7);this.toggledByMethod=false;this.isHovering=false;this.onEscKey=t=>{if(t.keyCode===k.ESC){this.hide()}};this.computePosition=async()=>{if(!this.open){return}const{x:t=0,y:s=0,strategy:i="absolute",placement:o,middlewareData:e}=await h(this.triggerFirstElement,this.contentElement,{strategy:this.strategy,placement:this.placement,middleware:[r({mainAxis:this.distance,crossAxis:this.skidding}),a({padding:5}),l({padding:5}),c({element:this.arrowElement,padding:5})]});this.middlewareData=e;this.computedPlacement=o;Object.assign(this.contentElement.style,{position:i,left:`${t}px`,top:`${s}px`});Object.assign(this.arrowElement.style,{left:t!=null?`${e.arrow.x}px`:"",top:s!=null?`${e.arrow.y}px`:""})};this.onClickTrigger=()=>{if(this.hasTrigger("click")){this.toggle()}};this.onMouseEnterTrigger=()=>{if(this.hasTrigger("hover")){this.isHovering=true;this.show()}};this.onMouseLeaveTrigger=()=>{if(this.hasTrigger("hover")){this.isHovering=false;document.addEventListener("mousemove",this.onMouseMoveDocument)}};this.onFocusTrigger=()=>{if(this.hasTrigger("focus")){this.show()}};this.onBlurTrigger=()=>{if(this.hasTrigger("focus")){this.hide()}};this.onMouseMoveDocument=t=>{const{clientX:s,clientY:i}=t;if(!this.computedPlacement){return true}const o=this.computedPlacement.split("-")[0];const e=this.middlewareData.offset;const h=this.contentElement.getBoundingClientRect();if(!e){return true}const r=o==="bottom"?e.y:0;const a=o==="top"?e.y:0;const l=o==="right"?e.x:0;const c=o==="left"?e.x:0;const n=h.top-i>r;const p=i-h.bottom>a;const d=h.left-s>l;const z=s-h.right>c;if(n||p||d||z){document.removeEventListener("mousemove",this.onMouseMoveDocument);if(!this.isHovering){this.hide()}}};this.init=()=>{var t;let s=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!s){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));s=t}if(s){this.triggerFirstElement=s;s.addEventListener("click",this.onClickTrigger);s.addEventListener("mouseenter",this.onMouseEnterTrigger);s.addEventListener("mouseleave",this.onMouseLeaveTrigger);s.addEventListener("focusin",this.onFocusTrigger);s.addEventListener("focusout",this.onBlurTrigger)}};this.initializedTooltip=false;this.open=false;this.label="";this.content="";this.placement="bottom";this.strategy="absolute";this.type="overlay";this.size="default";this.skidding=0;this.distance=12;this.interactive=false;this.trigger="hover focus";this.localization=undefined;this.computedPlacement=undefined}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return f(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return f(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}async openWatcher(t){if(!this.contentElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-tooltip"})}await u(this.contentElement);this.contentElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentElement.hidden=false;await b(this.contentElement,y.keyframes,y.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-tooltip"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-tooltip"})}await u(this.contentElement);await b(this.contentElement,g.keyframes,g.options);this.contentElement.hidden=true;this.contentElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-tooltip"})}}this.toggledByMethod=false}triggerWatcher(t){this._trigger=t.split(" ")}handleDocumentClick(t){if(!this.open){return}const s=t.target!==this.contentElement&&this.contentElement.contains(t.target)===false;const i=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(s&&!i&&this.hasTrigger("click")){this.hide()}}hasTrigger(t){return this._trigger.indexOf(t)>-1}async componentWillLoad(){this.id=`stzh-tooltip-${_++}`;this.triggerWatcher(this.trigger);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"tooltip")}}componentDidRender(){const t=z(this.triggerFirstElement);if(this.hasTrigger("click")){this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false");if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label")){this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id")){this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}}else{if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-content`)}}if(this.trap){this.open?this.trap.activate():this.trap.deactivate()}}componentDidUpdate(){if(this.open&&!this.initializedTooltip){this.initializeAutoUpdate();this.initializeFocusTrap();this.initializedTooltip=true}if(this.initializedTooltip){this.computePosition();if(this.trap){this.trap.updateContainerElements(this.contentElement)}}}initializeAutoUpdate(){this.autoUpdateCleanup=n(this.element,this.contentElement,this.computePosition)}initializeFocusTrap(){if(this.interactive){this.trap=d(this.contentElement,{fallbackFocus:this.contentElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}}componentDidLoad(){this.contentElement.hidden=!this.open;if(this.open&&this.trap){this.trap.activate()}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerFirstElement){this.triggerFirstElement.removeEventListener("click",this.onClickTrigger);this.triggerFirstElement.removeEventListener("mouseenter",this.onMouseEnterTrigger);this.triggerFirstElement.removeEventListener("mouseleave",this.onMouseLeaveTrigger);this.triggerFirstElement.removeEventListener("focusin",this.onFocusTrigger);this.triggerFirstElement.removeEventListener("focusout",this.onBlurTrigger)}}render(){const t={"stzh-tooltip":true,[`stzh-tooltip--type-${this.type}`]:true,[`stzh-tooltip--open`]:this.open,[`stzh-tooltip--placement-${this.computedPlacement}`]:!!this.computedPlacement};return i(o,{key:"643020f926b7a270c1b28b2ff04f84a6385247bc"},i("div",{key:"47ae92f9211f5f9de8d9f1c5391dfde00324c7ef",class:t},i("div",{key:"5797e2432348e1245501217fc510d33dfb244ffa",class:"stzh-tooltip__trigger",ref:t=>this.triggerElement=t},i("slot",{key:"6e7da97f24731b73d392ae8daa3bff9dbfca59cc"})),this.hasTrigger("click")&&i("div",{key:"4f5e722b5388aac4d117fed7eaab2b0268c2b6a4",class:"stzh-tooltip__vhidden",id:`${this.id}-trigger-description`},this.localization.open),i("div",{key:"bbd9b3cb967de023e83191a5a344ab2693d24b3e",class:"stzh-tooltip__content",id:`${this.id}-content`,ref:t=>this.contentElement=t,tabindex:"-1","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.onEscKey,onMouseEnter:this.onMouseEnterTrigger,onMouseLeave:this.onMouseLeaveTrigger,onFocusin:this.onFocusTrigger,onFocusout:this.onBlurTrigger},i("div",{key:"d1a15390f33e08c879df1bf16ee847bc9a0ee6fd",class:"stzh-tooltip__arrow",ref:t=>this.arrowElement=t,innerHTML:p}),this.label&&i("h2",{key:"95aa3b5722cdf73e415fc9b88d87204c0fd54144",id:`${this.id}-label`,class:"stzh-tooltip__vhidden"},this.label),this.hasTrigger("click")&&i("button",{key:"8778173fef3ebda630ffcc6d6363c38262391837",class:"stzh-tooltip__close",onClick:()=>this.hide(),type:"button"},i("stzh-icon",{key:"4a14fb731ad939fbbe551893e71433f52a476d2c",name:"close",class:"stzh-tooltip__icon"}),i("span",{key:"997d8699ea4a24e9e7e117c64554d97359b151d0",class:"stzh-tooltip__vhidden"},this.localization.close)),i("stzh-text",Object.assign({key:"bcc3c0a104d3aac9e697533c21b35e7a4a199e81",curve:this.type==="overlay"?"none":"caption"},this.type==="button"?{font:"heavy"}:{},{class:"stzh-tooltip__content-slot"}),this.content?this.content:i("slot",{name:"content"})))))}get element(){return e(this)}static get watchers(){return{open:["openWatcher"],trigger:["triggerWatcher"]}}};w.style=v;export{w as stzh_tooltip};
+//# sourceMappingURL=p-dcf670a7.entry.js.map

package/dist/stzh-components/{p-8d664896.entry.js.map → p-dcf670a7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhTooltipCss","StzhTooltipStyle0","ANIMATION_SHOW","keyframes","opacity","options","duration","easing","ANIMATION_HIDE","keyCode","ESC","tooltipCounter","StzhTooltip","this","toggledByMethod","isHovering","onEscKey","event","hide","computePosition","async","open","x","y","strategy","placement","middlewareData","triggerFirstElement","contentElement","middleware","offset","mainAxis","distance","crossAxis","skidding","flip","padding","shift","arrow","element","arrowElement","computedPlacement","Object","assign","style","position","left","top","onClickTrigger","hasTrigger","toggle","onMouseEnterTrigger","show","onMouseLeaveTrigger","document","addEventListener","onMouseMoveDocument","onFocusTrigger","onBlurTrigger","clientX","clientY","basePlacement","split","offsetData","popperRect","getBoundingClientRect","topDistance","bottomDistance","leftDistance","rightDistance","exceedsTop","exceedsBottom","bottom","exceedsLeft","exceedsRight","right","removeEventListener","init","trigger","_a","triggerElement","firstElementChild","defaultSlot","Array","from","children","find","child","hasAttribute","initializedTooltip","waitForEvent","update","openWatcher","newValue","stzhOpen","emit","component","stopAnimations","willChange","hidden","animateTo","stzhOpened","stzhClose","stzhClosed","triggerWatcher","_trigger","handleDocumentClick","isClickOutside","target","contains","isClickTrigger","indexOf","componentWillLoad","id","localization","window","stzhComponents","utils","fetchTranslations","componentDidRender","isStzh","isStzhElement","setAttribute","getAttribute","label","trap","activate","deactivate","componentDidUpdate","initializeAutoUpdate","initializeFocusTrap","updateContainerElements","autoUpdateCleanup","autoUpdate","interactive","createFocusTrap","fallbackFocus","clickOutsideDeactivates","returnFocusOnDeactivate","componentDidLoad","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","type","h","Host","key","class","ref","el","tabindex","onKeyDown","onMouseEnter","onMouseLeave","onFocusin","onFocusout","innerHTML","Arrow","onClick","name","close","curve","font","content"],"sources":["src/components/stzh-tooltip/stzh-tooltip.scss?tag=stzh-tooltip&encapsulation=scoped","src/components/stzh-tooltip/stzh-tooltip.tsx"],"sourcesContent":["/**\n * @prop --width: Width of tooltip\n * @prop --min-width: Minimum width of tooltip\n * @prop --max-width: Maximum width of tooltip\n * @prop --padding: Padding of tooltip\n * @prop --border-radius: Border radius of tooltip\n *\n * @prop --stzh-tooltip-width: **Global**: Width of tooltip (default `auto`)\n * @prop --stzh-tooltip-min-width: **Global**: Minimum width of tooltip (default `initial`)\n * @prop --stzh-tooltip-max-width: **Global**: Maximum width of tooltip (default `334px`)\n * @prop --stzh-tooltip-padding: **Global**: Padding of tooltip (default `var(--stzh-space-small)`)\n * @prop --stzh-tooltip-border-radius: **Global**: Border radius of tooltip (default `3px`)\n * @prop --stzh-tooltip-drop-shadow: **Global**: Border radius of tooltip (default `drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.16))`)\n * @prop --stzh-tooltip-color: **Global**: Color of tooltip text\n * @prop --stzh-tooltip-background-color: **Global**: Background color of tooltip\n * @prop --stzh-tooltip-link-color: **Global**: Color for link within tooltip\n * @prop --stzh-tooltip-hover-link-color: **Global**: Hover color for link within tooltip\n */\n\n:host {\n  display: contents;\n\n  --color: var(--stzh-tooltip-color, #{$colorWhite});\n  --background-color: var(--stzh-tooltip-background-color, #{$colorCoolgrey60});\n  --width: #{$tooltipWidth};\n  --min-width: #{$tooltipMinWidth};\n  --max-width: #{$tooltipMaxWidth};\n  --padding: #{$tooltipPadding};\n  --border-radius: #{$tooltipBorderRadius};\n  --link-color: var(--stzh-tooltip-link-color, #{$colorWhite});\n  --hover-link-color: var(--stzh-tooltip-hover-link-color, #{$colorWhite70op});\n\n  &[size=\"small\"] {\n    --padding: #{$tooltipSmallPadding};\n  }\n\n  &[type=\"button\"] {\n    --color: #{$colorMidnightblue70};\n    --background-color: #{$colorCoolgrey10};\n    --link-color: #{$colorMidnightblue70};\n    --hover-link-color: #{$colorMidnightblue80};\n  }\n}\n\n.stzh-tooltip {\n  @include tooltip-arrow;\n  display: contents;\n\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    @include tooltip-fontsize;\n    @include tooltip-dropshadow;\n    position: absolute;\n    z-index: $zIndexPopover;\n    border-radius: var(--border-radius);\n    background-color: var(--background-color);\n    color: var(--color);\n    width: var(--width);\n    min-width: var(--min-width);\n    max-width: var(--max-width);\n    display: flex;\n    flex-direction: row-reverse;\n\n    --stzh-base-color: var(--color);\n    --stzh-link-color: var(--link-color);\n    --stzh-link-hover-color: var(--hover-link-color);\n  }\n\n  &__content-slot {\n    padding: var(--padding);\n  }\n\n  &__close {\n    @include tooltip__close;\n  }\n\n  &__icon {\n    @include tooltip__icon;\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n  StzhTooltipClosedEvent,\n  StzhTooltipCloseEvent,\n  StzhTooltipOpenedEvent,\n  StzhTooltipOpenEvent,\n} from \"../../index\";\n\nimport { arrow, autoUpdate, computePosition, flip, MiddlewareData, offset, Placement, shift } from \"@floating-ui/dom\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, stopAnimations } from \"../../utils/animation-utils\";\n\nimport { StzhTooltipLocalizedText } from \"./stzh-tooltip.localization\";\n\nimport Arrow from \"./assets/arrow.svg\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [{ opacity: \"0\" }, { opacity: \"1\" }],\n  options: { duration: 100, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [{ opacity: \"1\" }, { opacity: \"0\" }],\n  options: { duration: 200, easing: \"linear\" },\n};\n\nconst keyCode = {\n  ESC: 27,\n};\n\nlet tooltipCounter = 0;\n\n/**\n * @slot Trigger element inside\n * @slot content - Content of tooltip\n */\n@Component({\n  tag: \"stzh-tooltip\",\n  styleUrl: \"stzh-tooltip.scss\",\n  scoped: true,\n})\nexport class StzhTooltip {\n  /** Whether tooltip should be open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Label of tooltip (used for screenreaders) */\n  @Prop() label: string = \"\";\n\n  /** Content of tooltip (use instead of content slot) */\n  @Prop() content: string = \"\";\n\n  /** Default placement of tooltip relative to trigger element */\n  @Prop() placement: Placement = \"bottom\";\n\n  /** Position strategy */\n  @Prop() strategy: \"absolute\" | \"fixed\" = \"absolute\";\n\n  /** Visual type */\n  @Prop({ reflect: true }) type: \"overlay\" | \"button\" = \"overlay\";\n\n  /** Shifting of tooltip content */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Shifting of tooltip content */\n  @Prop() skidding: number = 0;\n\n  /** Distance from tooltip content to trigger (default: arrow height (8px) + spacing (4px) = 12) */\n  @Prop() distance: number = 12;\n\n  /** Whether tooltip is interactive */\n  @Prop() interactive: boolean = false;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger: string = \"hover focus\";\n  private _trigger: string[];\n\n  /** Translation strings */\n  @Prop() localization: StzhTooltipLocalizedText;\n\n  @Element() element: HTMLStzhTooltipElement;\n\n  /** Tooltip open event */\n  @Event() stzhOpen: EventEmitter<StzhTooltipOpenEvent>;\n\n  /** Tooltip opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhTooltipOpenedEvent>;\n\n  /** Tooltip close event */\n  @Event() stzhClose: EventEmitter<StzhTooltipCloseEvent>;\n\n  /** Tooltip closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhTooltipClosedEvent>;\n\n  /** Show tooltip content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide tooltip content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle tooltip content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  @Method()\n  async update() {\n    return await this.computePosition();\n  }\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.contentElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n\n      // safari seems to need will-change,\n      // otherwise it has problems animating the element with the drop shadow\n      this.contentElement.style.willChange = \"transform, opacity, position, top, left, bottom, right\";\n      this.contentElement.hidden = false;\n\n      await animateTo(this.contentElement, ANIMATION_SHOW.keyframes, ANIMATION_SHOW.options);\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n      await animateTo(this.contentElement, ANIMATION_HIDE.keyframes, ANIMATION_HIDE.options);\n\n      this.contentElement.hidden = true;\n      this.contentElement.style.willChange = \"auto\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  @Watch(\"trigger\")\n  triggerWatcher(newValue: string) {\n    this._trigger = newValue.split(\" \");\n  }\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleDocumentClick(event: MouseEvent) {\n    if (!this.open) {\n      return;\n    }\n\n    const isClickOutside =\n      event.target !== this.contentElement && this.contentElement.contains(event.target as HTMLElement) === false;\n\n    const isClickTrigger =\n      event.target === this.triggerElement || this.triggerElement.contains(event.target as HTMLElement);\n\n    if (isClickOutside && !isClickTrigger && this.hasTrigger(\"click\")) {\n      this.hide();\n    }\n  }\n\n  @State() computedPlacement: Placement;\n\n  private observer: MutationObserver;\n\n  private toggledByMethod: boolean = false;\n  private middlewareData: MiddlewareData;\n  private triggerElement: HTMLElement;\n  private triggerFirstElement: HTMLElement;\n  private contentElement: HTMLElement;\n  private arrowElement: HTMLElement;\n  private autoUpdateCleanup: Function;\n  private id: string;\n  private trap: FocusTrap;\n  private isHovering: boolean = false;\n\n  private hasTrigger(trigger: string) {\n    return this._trigger.indexOf(trigger) > -1;\n  }\n\n  private onEscKey = (event: KeyboardEvent) => {\n    if (event.keyCode === keyCode.ESC) {\n      this.hide();\n    }\n  };\n\n  private computePosition = async () => {\n    if (!this.open) {\n      return;\n    }\n\n    const {\n      x = 0,\n      y = 0,\n      strategy = \"absolute\",\n      placement,\n      middlewareData,\n    } = await computePosition(this.triggerFirstElement, this.contentElement, {\n      strategy: this.strategy,\n      placement: this.placement,\n      middleware: [\n        offset({\n          mainAxis: this.distance,\n          crossAxis: this.skidding,\n        }),\n        flip({\n          padding: 5,\n        }),\n        shift({\n          padding: 5,\n        }),\n        arrow({\n          element: this.arrowElement,\n          padding: 5,\n        }),\n      ],\n    });\n\n    this.middlewareData = middlewareData;\n    this.computedPlacement = placement;\n\n    Object.assign(this.contentElement.style, {\n      position: strategy,\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    Object.assign(this.arrowElement.style, {\n      left: x != null ? `${middlewareData.arrow.x}px` : \"\",\n      top: y != null ? `${middlewareData.arrow.y}px` : \"\",\n    });\n  };\n\n  private onClickTrigger = () => {\n    if (this.hasTrigger(\"click\")) {\n      this.toggle();\n    }\n  };\n\n  private onMouseEnterTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = true;\n      this.show();\n    }\n  };\n\n  private onMouseLeaveTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = false;\n      document.addEventListener(\"mousemove\", this.onMouseMoveDocument);\n    }\n  };\n\n  private onFocusTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.show();\n    }\n  };\n\n  private onBlurTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.hide();\n    }\n  };\n\n  private onMouseMoveDocument = (event: MouseEvent) => {\n    const { clientX, clientY } = event;\n\n    if (!this.computedPlacement) {\n      return true;\n    }\n\n    const basePlacement = this.computedPlacement.split(\"-\")[0];\n    const offsetData = this.middlewareData.offset;\n    const popperRect = this.contentElement.getBoundingClientRect();\n\n    if (!offsetData) {\n      return true;\n    }\n\n    const topDistance = basePlacement === \"bottom\" ? offsetData.y : 0;\n    const bottomDistance = basePlacement === \"top\" ? offsetData.y : 0;\n    const leftDistance = basePlacement === \"right\" ? offsetData.x : 0;\n    const rightDistance = basePlacement === \"left\" ? offsetData.x : 0;\n\n    const exceedsTop = popperRect.top - clientY > topDistance;\n    const exceedsBottom = clientY - popperRect.bottom > bottomDistance;\n    const exceedsLeft = popperRect.left - clientX > leftDistance;\n    const exceedsRight = clientX - popperRect.right > rightDistance;\n\n    if (exceedsTop || exceedsBottom || exceedsLeft || exceedsRight) {\n      document.removeEventListener(\"mousemove\", this.onMouseMoveDocument);\n\n      if (!this.isHovering) {\n        this.hide();\n      }\n    }\n  };\n\n  private init = () => {\n    let trigger = this.triggerElement?.firstElementChild as HTMLElement;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      this.triggerFirstElement = trigger;\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n      trigger.addEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      trigger.addEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      trigger.addEventListener(\"focusin\", this.onFocusTrigger);\n      trigger.addEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  };\n\n  async componentWillLoad() {\n    this.id = `stzh-tooltip-${tooltipCounter++}`;\n\n    this.triggerWatcher(this.trigger);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"tooltip\");\n    }\n  }\n\n  componentDidRender() {\n    const isStzh = isStzhElement(this.triggerFirstElement);\n\n    if (this.hasTrigger(\"click\")) {\n      this.triggerFirstElement.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", this.open ? \"true\" : \"false\");\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement.setAttribute(\n          isStzh ? \"a11y-describedby\" : \"aria-describedby\",\n          `${this.id}-trigger-description`\n        );\n      }\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-label\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-label\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", this.label);\n      }\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"analytics-id\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"s-object-id\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", this.label);\n      }\n    } else {\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"a11y-describedby\" : \"aria-describedby\", `${this.id}-content`);\n      }\n    }\n\n    if (this.trap) {\n      this.open ? this.trap.activate() : this.trap.deactivate();\n    }\n  }\n\n  private initializedTooltip = false\n\n  componentDidUpdate() {\n    if (this.open && !this.initializedTooltip) {\n      this.initializeAutoUpdate();\n      this.initializeFocusTrap();\n      this.initializedTooltip = true\n    }\n\n    if (this.initializedTooltip) {\n      this.computePosition();\n      if (this.trap) {\n        this.trap.updateContainerElements(this.contentElement);\n      }\n    }\n  }\n\n  initializeAutoUpdate() {\n    this.autoUpdateCleanup = autoUpdate(this.element, this.contentElement, this.computePosition);\n  }\n\n  initializeFocusTrap() {\n    if (this.interactive) {\n      this.trap = createFocusTrap(this.contentElement, {\n        fallbackFocus: this.contentElement,\n        clickOutsideDeactivates: true,\n        returnFocusOnDeactivate: true,\n      });\n    }\n  }\n\n  componentDidLoad() {\n    this.contentElement.hidden = !this.open;\n    if (this.open && this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n\n    if (this.triggerFirstElement) {\n      this.triggerFirstElement.removeEventListener(\"click\", this.onClickTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusin\", this.onFocusTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-tooltip\": true,\n      [`stzh-tooltip--type-${this.type}`]: true,\n      [`stzh-tooltip--open`]: this.open,\n      [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-tooltip__trigger\" ref={el => (this.triggerElement = el as HTMLDivElement)}>\n            <slot></slot>\n          </div>\n          {this.hasTrigger(\"click\") && (\n            <div class=\"stzh-tooltip__vhidden\" id={`${this.id}-trigger-description`}>\n              {this.localization.open}\n            </div>\n          )}\n          <div\n            class=\"stzh-tooltip__content\"\n            id={`${this.id}-content`}\n            ref={el => (this.contentElement = el as HTMLDivElement)}\n            tabindex=\"-1\"\n            aria-labelledby={this.label ? `${this.id}-label` : null}\n            aria-hidden={this.open ? \"false\" : \"true\"}\n            onKeyDown={this.onEscKey}\n            onMouseEnter={this.onMouseEnterTrigger}\n            onMouseLeave={this.onMouseLeaveTrigger}\n            onFocusin={this.onFocusTrigger}\n            onFocusout={this.onBlurTrigger}\n          >\n            <div\n              class=\"stzh-tooltip__arrow\"\n              ref={el => (this.arrowElement = el as HTMLDivElement)}\n              innerHTML={Arrow}\n            ></div>\n            {this.label && (\n              <h2 id={`${this.id}-label`} class=\"stzh-tooltip__vhidden\">\n                {this.label}\n              </h2>\n            )}\n            {this.hasTrigger(\"click\") && (\n              <button class=\"stzh-tooltip__close\" onClick={() => this.hide()} type=\"button\">\n                <stzh-icon name=\"close\" class=\"stzh-tooltip__icon\"></stzh-icon>\n                <span class=\"stzh-tooltip__vhidden\">{this.localization.close}</span>\n              </button>\n            )}\n            <stzh-text\n              curve={this.type === \"overlay\" ? \"none\" : \"caption\"}\n              {...(this.type === \"button\" ? { font: \"heavy\" } : {})}\n              class=\"stzh-tooltip__content-slot\"\n            >\n              {this.content ? this.content : <slot name=\"content\"></slot>}\n            </stzh-text>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhTooltipCss","StzhTooltipStyle0","ANIMATION_SHOW","keyframes","opacity","options","duration","easing","ANIMATION_HIDE","keyCode","ESC","tooltipCounter","StzhTooltip","this","toggledByMethod","isHovering","onEscKey","event","hide","computePosition","async","open","x","y","strategy","placement","middlewareData","triggerFirstElement","contentElement","middleware","offset","mainAxis","distance","crossAxis","skidding","flip","padding","shift","arrow","element","arrowElement","computedPlacement","Object","assign","style","position","left","top","onClickTrigger","hasTrigger","toggle","onMouseEnterTrigger","show","onMouseLeaveTrigger","document","addEventListener","onMouseMoveDocument","onFocusTrigger","onBlurTrigger","clientX","clientY","basePlacement","split","offsetData","popperRect","getBoundingClientRect","topDistance","bottomDistance","leftDistance","rightDistance","exceedsTop","exceedsBottom","bottom","exceedsLeft","exceedsRight","right","removeEventListener","init","trigger","_a","triggerElement","firstElementChild","defaultSlot","Array","from","children","find","child","hasAttribute","initializedTooltip","waitForEvent","update","openWatcher","newValue","stzhOpen","emit","component","stopAnimations","willChange","hidden","animateTo","stzhOpened","stzhClose","stzhClosed","triggerWatcher","_trigger","handleDocumentClick","isClickOutside","target","contains","isClickTrigger","indexOf","componentWillLoad","id","localization","window","stzhComponents","utils","fetchTranslations","componentDidRender","isStzh","isStzhElement","setAttribute","getAttribute","label","trap","activate","deactivate","componentDidUpdate","initializeAutoUpdate","initializeFocusTrap","updateContainerElements","autoUpdateCleanup","autoUpdate","interactive","createFocusTrap","fallbackFocus","clickOutsideDeactivates","returnFocusOnDeactivate","componentDidLoad","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","type","h","Host","key","class","ref","el","tabindex","onKeyDown","onMouseEnter","onMouseLeave","onFocusin","onFocusout","innerHTML","Arrow","onClick","name","close","curve","font","content"],"sources":["src/components/stzh-tooltip/stzh-tooltip.scss?tag=stzh-tooltip&encapsulation=scoped","src/components/stzh-tooltip/stzh-tooltip.tsx"],"sourcesContent":["/**\n * @prop --width: Width of tooltip\n * @prop --min-width: Minimum width of tooltip\n * @prop --max-width: Maximum width of tooltip\n * @prop --padding: Padding of tooltip\n * @prop --border-radius: Border radius of tooltip\n *\n * @prop --stzh-tooltip-width: **Global**: Width of tooltip (default `auto`)\n * @prop --stzh-tooltip-min-width: **Global**: Minimum width of tooltip (default `initial`)\n * @prop --stzh-tooltip-max-width: **Global**: Maximum width of tooltip (default `334px`)\n * @prop --stzh-tooltip-padding: **Global**: Padding of tooltip (default `var(--stzh-space-small)`)\n * @prop --stzh-tooltip-border-radius: **Global**: Border radius of tooltip (default `3px`)\n * @prop --stzh-tooltip-drop-shadow: **Global**: Border radius of tooltip (default `drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.16))`)\n * @prop --stzh-tooltip-color: **Global**: Color of tooltip text\n * @prop --stzh-tooltip-background-color: **Global**: Background color of tooltip\n * @prop --stzh-tooltip-link-color: **Global**: Color for link within tooltip\n * @prop --stzh-tooltip-hover-link-color: **Global**: Hover color for link within tooltip\n */\n\n:host {\n  display: contents;\n\n  --color: var(--stzh-tooltip-color, #{$colorWhite});\n  --background-color: var(--stzh-tooltip-background-color, #{$colorCoolgrey60});\n  --width: #{$tooltipWidth};\n  --min-width: #{$tooltipMinWidth};\n  --max-width: #{$tooltipMaxWidth};\n  --padding: #{$tooltipPadding};\n  --border-radius: #{$tooltipBorderRadius};\n  --link-color: var(--stzh-tooltip-link-color, #{$colorWhite});\n  --hover-link-color: var(--stzh-tooltip-hover-link-color, #{$colorWhite70op});\n\n  &[size=\"small\"] {\n    --padding: #{$tooltipSmallPadding};\n  }\n\n  &[type=\"button\"] {\n    --color: #{$colorMidnightblue70};\n    --background-color: #{$colorCoolgrey10};\n    --link-color: #{$colorMidnightblue70};\n    --hover-link-color: #{$colorMidnightblue80};\n  }\n}\n\n.stzh-tooltip {\n  @include tooltip-arrow;\n  display: contents;\n\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    @include tooltip-fontsize;\n    @include tooltip-dropshadow;\n    position: absolute;\n    z-index: $zIndexPopover;\n    border-radius: var(--border-radius);\n    background-color: var(--background-color);\n    color: var(--color);\n    width: var(--width);\n    min-width: var(--min-width);\n    max-width: var(--max-width);\n    display: flex;\n    flex-direction: row-reverse;\n\n    --stzh-base-color: var(--color);\n    --stzh-link-color: var(--link-color);\n    --stzh-link-hover-color: var(--hover-link-color);\n  }\n\n  &__content-slot {\n    padding: var(--padding);\n  }\n\n  &__close {\n    @include tooltip__close;\n  }\n\n  &__icon {\n    @include tooltip__icon;\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n  StzhTooltipClosedEvent,\n  StzhTooltipCloseEvent,\n  StzhTooltipOpenedEvent,\n  StzhTooltipOpenEvent,\n} from \"../../index\";\n\nimport { arrow, autoUpdate, computePosition, flip, MiddlewareData, offset, Placement, shift } from \"@floating-ui/dom\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, stopAnimations } from \"../../utils/animation-utils\";\n\nimport { StzhTooltipLocalizedText } from \"./stzh-tooltip.localization\";\n\nimport Arrow from \"./assets/arrow.svg\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [{ opacity: \"0\" }, { opacity: \"1\" }],\n  options: { duration: 100, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [{ opacity: \"1\" }, { opacity: \"0\" }],\n  options: { duration: 200, easing: \"linear\" },\n};\n\nconst keyCode = {\n  ESC: 27,\n};\n\nlet tooltipCounter = 0;\n\n/**\n * @slot Trigger element inside\n * @slot content - Content of tooltip\n */\n@Component({\n  tag: \"stzh-tooltip\",\n  styleUrl: \"stzh-tooltip.scss\",\n  scoped: true,\n})\nexport class StzhTooltip {\n  /** Whether tooltip should be open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Label of tooltip (used for screenreaders) */\n  @Prop() label: string = \"\";\n\n  /** Content of tooltip (use instead of content slot) */\n  @Prop() content: string = \"\";\n\n  /** Default placement of tooltip relative to trigger element */\n  @Prop() placement: Placement = \"bottom\";\n\n  /** Position strategy */\n  @Prop() strategy: \"absolute\" | \"fixed\" = \"absolute\";\n\n  /** Visual type */\n  @Prop({ reflect: true }) type: \"overlay\" | \"button\" = \"overlay\";\n\n  /** Shifting of tooltip content */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Shifting of tooltip content */\n  @Prop() skidding: number = 0;\n\n  /** Distance from tooltip content to trigger (default: arrow height (8px) + spacing (4px) = 12) */\n  @Prop() distance: number = 12;\n\n  /** Whether tooltip is interactive */\n  @Prop() interactive: boolean = false;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger: string = \"hover focus\";\n  private _trigger: string[];\n\n  /** Translation strings */\n  @Prop() localization: StzhTooltipLocalizedText;\n\n  @Element() element: HTMLStzhTooltipElement;\n\n  /** Tooltip open event */\n  @Event() stzhOpen: EventEmitter<StzhTooltipOpenEvent>;\n\n  /** Tooltip opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhTooltipOpenedEvent>;\n\n  /** Tooltip close event */\n  @Event() stzhClose: EventEmitter<StzhTooltipCloseEvent>;\n\n  /** Tooltip closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhTooltipClosedEvent>;\n\n  /** Show tooltip content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide tooltip content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle tooltip content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  @Method()\n  async update() {\n    return await this.computePosition();\n  }\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.contentElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n\n      // safari seems to need will-change,\n      // otherwise it has problems animating the element with the drop shadow\n      this.contentElement.style.willChange = \"transform, opacity, position, top, left, bottom, right\";\n      this.contentElement.hidden = false;\n\n      await animateTo(this.contentElement, ANIMATION_SHOW.keyframes, ANIMATION_SHOW.options);\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n      await animateTo(this.contentElement, ANIMATION_HIDE.keyframes, ANIMATION_HIDE.options);\n\n      this.contentElement.hidden = true;\n      this.contentElement.style.willChange = \"auto\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  @Watch(\"trigger\")\n  triggerWatcher(newValue: string) {\n    this._trigger = newValue.split(\" \");\n  }\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleDocumentClick(event: MouseEvent) {\n    if (!this.open) {\n      return;\n    }\n\n    const isClickOutside =\n      event.target !== this.contentElement && this.contentElement.contains(event.target as HTMLElement) === false;\n\n    const isClickTrigger =\n      event.target === this.triggerElement || this.triggerElement.contains(event.target as HTMLElement);\n\n    if (isClickOutside && !isClickTrigger && this.hasTrigger(\"click\")) {\n      this.hide();\n    }\n  }\n\n  @State() computedPlacement: Placement;\n\n  private observer: MutationObserver;\n\n  private toggledByMethod: boolean = false;\n  private middlewareData: MiddlewareData;\n  private triggerElement: HTMLElement;\n  private triggerFirstElement: HTMLElement;\n  private contentElement: HTMLElement;\n  private arrowElement: HTMLElement;\n  private autoUpdateCleanup: Function;\n  private id: string;\n  private trap: FocusTrap;\n  private isHovering: boolean = false;\n\n  private hasTrigger(trigger: string) {\n    return this._trigger.indexOf(trigger) > -1;\n  }\n\n  private onEscKey = (event: KeyboardEvent) => {\n    if (event.keyCode === keyCode.ESC) {\n      this.hide();\n    }\n  };\n\n  private computePosition = async () => {\n    if (!this.open) {\n      return;\n    }\n\n    const {\n      x = 0,\n      y = 0,\n      strategy = \"absolute\",\n      placement,\n      middlewareData,\n    } = await computePosition(this.triggerFirstElement, this.contentElement, {\n      strategy: this.strategy,\n      placement: this.placement,\n      middleware: [\n        offset({\n          mainAxis: this.distance,\n          crossAxis: this.skidding,\n        }),\n        flip({\n          padding: 5,\n        }),\n        shift({\n          padding: 5,\n        }),\n        arrow({\n          element: this.arrowElement,\n          padding: 5,\n        }),\n      ],\n    });\n\n    this.middlewareData = middlewareData;\n    this.computedPlacement = placement;\n\n    Object.assign(this.contentElement.style, {\n      position: strategy,\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    Object.assign(this.arrowElement.style, {\n      left: x != null ? `${middlewareData.arrow.x}px` : \"\",\n      top: y != null ? `${middlewareData.arrow.y}px` : \"\",\n    });\n  };\n\n  private onClickTrigger = () => {\n    if (this.hasTrigger(\"click\")) {\n      this.toggle();\n    }\n  };\n\n  private onMouseEnterTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = true;\n      this.show();\n    }\n  };\n\n  private onMouseLeaveTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = false;\n      document.addEventListener(\"mousemove\", this.onMouseMoveDocument);\n    }\n  };\n\n  private onFocusTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.show();\n    }\n  };\n\n  private onBlurTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.hide();\n    }\n  };\n\n  private onMouseMoveDocument = (event: MouseEvent) => {\n    const { clientX, clientY } = event;\n\n    if (!this.computedPlacement) {\n      return true;\n    }\n\n    const basePlacement = this.computedPlacement.split(\"-\")[0];\n    const offsetData = this.middlewareData.offset;\n    const popperRect = this.contentElement.getBoundingClientRect();\n\n    if (!offsetData) {\n      return true;\n    }\n\n    const topDistance = basePlacement === \"bottom\" ? offsetData.y : 0;\n    const bottomDistance = basePlacement === \"top\" ? offsetData.y : 0;\n    const leftDistance = basePlacement === \"right\" ? offsetData.x : 0;\n    const rightDistance = basePlacement === \"left\" ? offsetData.x : 0;\n\n    const exceedsTop = popperRect.top - clientY > topDistance;\n    const exceedsBottom = clientY - popperRect.bottom > bottomDistance;\n    const exceedsLeft = popperRect.left - clientX > leftDistance;\n    const exceedsRight = clientX - popperRect.right > rightDistance;\n\n    if (exceedsTop || exceedsBottom || exceedsLeft || exceedsRight) {\n      document.removeEventListener(\"mousemove\", this.onMouseMoveDocument);\n\n      if (!this.isHovering) {\n        this.hide();\n      }\n    }\n  };\n\n  private init = () => {\n    let trigger = this.triggerElement?.firstElementChild as HTMLElement;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      this.triggerFirstElement = trigger;\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n      trigger.addEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      trigger.addEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      trigger.addEventListener(\"focusin\", this.onFocusTrigger);\n      trigger.addEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  };\n\n  async componentWillLoad() {\n    this.id = `stzh-tooltip-${tooltipCounter++}`;\n\n    this.triggerWatcher(this.trigger);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"tooltip\");\n    }\n  }\n\n  componentDidRender() {\n    const isStzh = isStzhElement(this.triggerFirstElement);\n\n    if (this.hasTrigger(\"click\")) {\n      this.triggerFirstElement.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", this.open ? \"true\" : \"false\");\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement.setAttribute(\n          isStzh ? \"a11y-describedby\" : \"aria-describedby\",\n          `${this.id}-trigger-description`\n        );\n      }\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-label\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-label\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", this.label);\n      }\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"analytics-id\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"s-object-id\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", this.label);\n      }\n    } else {\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"a11y-describedby\" : \"aria-describedby\", `${this.id}-content`);\n      }\n    }\n\n    if (this.trap) {\n      this.open ? this.trap.activate() : this.trap.deactivate();\n    }\n  }\n\n  private initializedTooltip = false\n\n  componentDidUpdate() {\n    if (this.open && !this.initializedTooltip) {\n      this.initializeAutoUpdate();\n      this.initializeFocusTrap();\n      this.initializedTooltip = true\n    }\n\n    if (this.initializedTooltip) {\n      this.computePosition();\n      if (this.trap) {\n        this.trap.updateContainerElements(this.contentElement);\n      }\n    }\n  }\n\n  initializeAutoUpdate() {\n    this.autoUpdateCleanup = autoUpdate(this.element, this.contentElement, this.computePosition);\n  }\n\n  initializeFocusTrap() {\n    if (this.interactive) {\n      this.trap = createFocusTrap(this.contentElement, {\n        fallbackFocus: this.contentElement,\n        clickOutsideDeactivates: true,\n        returnFocusOnDeactivate: true,\n      });\n    }\n  }\n\n  componentDidLoad() {\n    this.contentElement.hidden = !this.open;\n    if (this.open && this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n\n    if (this.triggerFirstElement) {\n      this.triggerFirstElement.removeEventListener(\"click\", this.onClickTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusin\", this.onFocusTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-tooltip\": true,\n      [`stzh-tooltip--type-${this.type}`]: true,\n      [`stzh-tooltip--open`]: this.open,\n      [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-tooltip__trigger\" ref={el => (this.triggerElement = el as HTMLDivElement)}>\n            <slot></slot>\n          </div>\n          {this.hasTrigger(\"click\") && (\n            <div class=\"stzh-tooltip__vhidden\" id={`${this.id}-trigger-description`}>\n              {this.localization.open}\n            </div>\n          )}\n          <div\n            class=\"stzh-tooltip__content\"\n            id={`${this.id}-content`}\n            ref={el => (this.contentElement = el as HTMLDivElement)}\n            tabindex=\"-1\"\n            aria-labelledby={this.label ? `${this.id}-label` : null}\n            aria-hidden={this.open ? \"false\" : \"true\"}\n            onKeyDown={this.onEscKey}\n            onMouseEnter={this.onMouseEnterTrigger}\n            onMouseLeave={this.onMouseLeaveTrigger}\n            onFocusin={this.onFocusTrigger}\n            onFocusout={this.onBlurTrigger}\n          >\n            <div\n              class=\"stzh-tooltip__arrow\"\n              ref={el => (this.arrowElement = el as HTMLDivElement)}\n              innerHTML={Arrow}\n            ></div>\n            {this.label && (\n              <h2 id={`${this.id}-label`} class=\"stzh-tooltip__vhidden\">\n                {this.label}\n              </h2>\n            )}\n            {this.hasTrigger(\"click\") && (\n              <button class=\"stzh-tooltip__close\" onClick={() => this.hide()} type=\"button\">\n                <stzh-icon name=\"close\" class=\"stzh-tooltip__icon\"></stzh-icon>\n                <span class=\"stzh-tooltip__vhidden\">{this.localization.close}</span>\n              </button>\n            )}\n            <stzh-text\n              curve={this.type === \"overlay\" ? \"none\" : \"caption\"}\n              {...(this.type === \"button\" ? { font: \"heavy\" } : {})}\n              class=\"stzh-tooltip__content-slot\"\n            >\n              {this.content ? this.content : <slot name=\"content\"></slot>}\n            </stzh-text>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-9c76b2dd.entry.js → p-dde1ffb8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,a as i,g as r}from"./p-ef5985a3.js";import{a as o}from"./p-1b0f45c6.js";import{a}from"./p-dae15605.js";import{VBZ as h}from"./index.esm.js";const c=".sc-stzh-vbz-majorticker-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-vbz-majorticker-h,[stzh-hidden].sc-stzh-vbz-majorticker-h{display:none}.sc-stzh-vbz-majorticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::before,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::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-vbz-majorticker-h .has-focus.sc-stzh-vbz-majorticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker{outline-style:none !important}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker::-moz-focus-inner{border:0 !important}.stzh-vbz-majorticker__ghettobox.sc-stzh-vbz-majorticker{--stzh-base-invert-color:var(--stzh-color-black);--color:var(--stzh-color-black);--background-color:var(--stzh-color-coral)}";const n=c;const d=class{constructor(e){t(this,e);this.stzhDisturbanceFetched=s(this,"stzhDisturbanceFetched",7);this.disturbance=null;this.onGhettoboxOpen=()=>{this.ghettoboxShown=true};this.onGhettoboxClose=()=>{this.ghettoboxShown=false};this.api="https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";this.data="";this.moreInfoLink="https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}";this.dateAdapter=undefined;this.localization=undefined;this.showCloseKey=undefined;this.ghettoboxShown=true}async getGhettoboxShown(){return this.ghettoboxShown}async getDisturbance(){return this.disturbance}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);s=s+(s.includes("?")?"&":"?")+Date.now();const{data:e}=await o.get(s);this.data=e}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}async dataWatcher(t){var s,e;if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}const i=(e=(s=this._data)===null||s===void 0?void 0:s.Message)===null||e===void 0?void 0:e.find((t=>t.category===h.DISTURBANCE_INFORMATION&&t.baseType===h.BASE_TYPE_GLOBAL));if(i){const t=i.channel.filter((t=>t.name===h.CHANNEL_TICKER&&t.url)).map((t=>t.url)).reduce(((t,s)=>t.concat(s)),[]);const s=t.find((t=>t.url.indexOf(h.CHANNEL_INFO_URL_FILTER)!==-1));this.disturbance={id:i.id,head:i.head,text:a(i.text),startDate:new Date(`${i.sDate}T${i.sTime}+02:00`),endDate:new Date(`${i.eDate}T${i.eTime}+02:00`),altStart:i.altStart,altEnd:i.altEnd,infoUrl:s}}this.stzhDisturbanceFetched.emit({component:"stzh-vbz-majorticker",disturbance:this.disturbance})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-majorticker")}this.dateAdapterWatcher(this.dateAdapter);if(this.data){await this.dataWatcher(this.data)}else{await this.apiWatcher(this.api)}}render(){const t={"stzh-vbz-majorticker":true};return e(i,{key:"b61b37d4c0a70c5bf7a5bc7f4e25de4efe2838a2",hidden:!this.disturbance||!this.ghettoboxShown},e("div",{key:"fc8b6983cd9c8bc0978ebf4d059da50b302bd8f4",class:t},this.disturbance&&e("stzh-show",{key:"1606014fcd7e481173c8e9d65667d99d681d4dbc",mikro:true,closeKey:this.showCloseKey,showFromDate:this.disturbance.startDate},e("stzh-ghettobox",{key:"78c28f478907a74013026b341fc9c2ec1813c7a3",onStzhOpen:this.onGhettoboxOpen,onStzhClose:this.onGhettoboxClose,class:"stzh-vbz-majorticker__ghettobox",hideClose:true,mainTitle:this.disturbance.head},e("stzh-richtext",{key:"0fc63197f40c27c5558ba7b74ed6092587685059",innerHTML:this.disturbance.text}),this.disturbance.infoUrl?e("stzh-button",{slot:"button",href:this.disturbance.infoUrl.url},this.disturbance.infoUrl.name):e("stzh-button",{slot:"button",target:"_blank",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,this.disturbance.id)},this.localization.moreInfo)))))}get element(){return r(this)}static get watchers(){return{api:["apiWatcher"],dateAdapter:["dateAdapterWatcher"],data:["dataWatcher"]}}};d.style=n;export{d as stzh_vbz_majorticker};
-//# sourceMappingURL=p-9c76b2dd.entry.js.map
+import{r as t,c as s,h as e,a as i,g as r}from"./p-ef5985a3.js";import{a as o}from"./p-1b0f45c6.js";import{a}from"./p-dae15605.js";import{VBZ as h}from"./index.esm.js";const c=".sc-stzh-vbz-majorticker-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-vbz-majorticker-h,[stzh-hidden].sc-stzh-vbz-majorticker-h{display:none}.sc-stzh-vbz-majorticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::before,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::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-vbz-majorticker-h .has-focus.sc-stzh-vbz-majorticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker{outline-style:none !important}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker::-moz-focus-inner{border:0 !important}.stzh-vbz-majorticker__ghettobox.sc-stzh-vbz-majorticker{--stzh-base-invert-color:var(--stzh-color-black);--color:var(--stzh-color-black);--background-color:var(--stzh-color-coral)}";const n=c;const d=class{constructor(e){t(this,e);this.stzhDisturbanceFetched=s(this,"stzhDisturbanceFetched",7);this.disturbance=null;this.onGhettoboxOpen=()=>{this.ghettoboxShown=true};this.onGhettoboxClose=()=>{this.ghettoboxShown=false};this.api="https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";this.data="";this.moreInfoLink="https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}";this.dateAdapter=undefined;this.localization=undefined;this.showCloseKey=undefined;this.ghettoboxShown=true}async getGhettoboxShown(){return this.ghettoboxShown}async getDisturbance(){return this.disturbance}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);s=s+(s.includes("?")?"&":"?")+Date.now();const{data:e}=await o.get(s);this.data=e}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}async dataWatcher(t){var s,e;if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}const i=(e=(s=this._data)===null||s===void 0?void 0:s.Message)===null||e===void 0?void 0:e.find((t=>t.category===h.DISTURBANCE_INFORMATION&&t.baseType===h.BASE_TYPE_GLOBAL));if(i){const t=i.channel.filter((t=>t.name===h.CHANNEL_TICKER&&t.url)).map((t=>t.url)).reduce(((t,s)=>t.concat(s)),[]);const s=t.find((t=>t.url.indexOf(h.CHANNEL_INFO_URL_FILTER)!==-1));this.disturbance={id:i.id,head:i.head,text:a(i.text),startDate:new Date(`${i.sDate}T${i.sTime}+02:00`),endDate:new Date(`${i.eDate}T${i.eTime}+02:00`),altStart:i.altStart,altEnd:i.altEnd,infoUrl:s}}this.stzhDisturbanceFetched.emit({component:"stzh-vbz-majorticker",disturbance:this.disturbance})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-majorticker")}this.dateAdapterWatcher(this.dateAdapter);if(this.data){await this.dataWatcher(this.data)}else{await this.apiWatcher(this.api)}}render(){const t={"stzh-vbz-majorticker":true};return e(i,{key:"3c1e7f102ef9ab33f569d571af422bef3373bade",hidden:!this.disturbance||!this.ghettoboxShown},e("div",{key:"07aef2b96582a2d2fc8f63c526774dc68bfa1825",class:t},this.disturbance&&e("stzh-show",{key:"48b3aaf5c5e2d8ebeec393780f2809571ee6b151",mikro:true,closeKey:this.showCloseKey,showFromDate:this.disturbance.startDate},e("stzh-ghettobox",{key:"05c91ea48a84e4137b1626ab293710d0ed09eb57",onStzhOpen:this.onGhettoboxOpen,onStzhClose:this.onGhettoboxClose,class:"stzh-vbz-majorticker__ghettobox",hideClose:true,mainTitle:this.disturbance.head},e("stzh-richtext",{key:"f6270e68b2d603c6c3cf74b4734ec6273c0fa09b",innerHTML:this.disturbance.text}),this.disturbance.infoUrl?e("stzh-button",{slot:"button",href:this.disturbance.infoUrl.url},this.disturbance.infoUrl.name):e("stzh-button",{slot:"button",target:"_blank",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,this.disturbance.id)},this.localization.moreInfo)))))}get element(){return r(this)}static get watchers(){return{api:["apiWatcher"],dateAdapter:["dateAdapterWatcher"],data:["dataWatcher"]}}};d.style=n;export{d as stzh_vbz_majorticker};
+//# sourceMappingURL=p-dde1ffb8.entry.js.map

package/dist/stzh-components/{p-420e839d.entry.js → p-e19dd2da.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as i,g as o}from"./p-ef5985a3.js";const n=':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 .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{--nested-margin-left:var(--stzh-timeline-nested-margin-left, 0px);--nested-margin-bottom:var(--stzh-timeline-nested-margin-bottom, 0px);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host ::slotted(*:not(:last-child)){position:relative}:host ::slotted(*:not(:last-child))::after{content:"";display:block;position:absolute;top:0;left:1.25rem;width:0.125rem;height:100%;background-color:var(--stzh-color-grey50)}.stzh-timeline{--stzh-timeline-nested-margin-left:calc(var(--stzh-timeline-bullet-size) / -1);--stzh-timeline-nested-margin-bottom:calc(var(--stzh-space-medium) / -1);margin-left:var(--nested-margin-left);margin-bottom:var(--nested-margin-bottom)}@media screen and (min-width: 900px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(var(--stzh-space-xlarge) / -1)}}@media screen and (min-width: 1260px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(var(--stzh-space-xxlarge) / -1)}}';const r=n;const a=class{constructor(s){t(this,s);this.stzhFoldableChange=e(this,"stzhFoldableChange",7);this.handleSlotchange=()=>{this.updateSteps()};this.foldable=false;this.collapsible=true;this.multiselectable=false}foldableWatcher(t){this.stzhFoldableChange.emit({component:"stzh-timeline",value:t})}openListener(t){const e=t.target;const s=e.closest("stzh-timeline");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-timeline-item"||s!==this.element){return}const i=Array.from(s.querySelectorAll("stzh-timeline-item"));i.forEach((t=>{if(t!==e){t.hide()}}))}async setItemFocus(t,e){const s=t.closest("stzh-timeline");if(s!==this.element){return}const i=Array.from(s.querySelectorAll(":scope > stzh-timeline-item")).filter((t=>!t.disabled));const o=i.indexOf(t);if((e==="prev"||e==="next")&&o===null){e=e==="prev"?"last":"first"}if(e==="prev"&&o===0){e="last"}if(e==="next"&&o===i.length-1){e="first"}if(e==="prev"){i[o-1].focus()}else if(e==="next"){i[o+1].focus()}else if(e==="last"){i[i.length-1].focus()}else if(e==="first"){i[0].focus()}else{t.focus()}}async updateSteps(){var t;const e=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=e.closest("stzh-timeline-item");let i=-1;if(s){i=Array.from(s.parentNode.children).indexOf(s)}const o=Array.from(e.querySelectorAll(":scope > stzh-timeline-item"));o.forEach(((t,e)=>{t.step=i>-1?i+1+(e+1)/10:e+1;const s=t.querySelector("stzh-timeline");if(s){s.updateSteps()}}))}render(){const t={"stzh-timeline":true};return s(i,{key:"441d72956ed0c7a89d12dc578c2fce6b4233b4c9"},s("div",{key:"74b4e2de0c9813672f94c77f841f6285c45672bb",class:t,role:"list"},s("slot",{key:"b6ca019642d7fab07fdd6bcb3a4a14594f799c3e",onSlotchange:this.handleSlotchange})))}get element(){return o(this)}static get watchers(){return{foldable:["foldableWatcher"]}}};a.style=r;export{a as stzh_timeline};
-//# sourceMappingURL=p-420e839d.entry.js.map
+import{r as t,c as e,h as s,a as i,g as o}from"./p-ef5985a3.js";const n=':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 .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{--nested-margin-left:var(--stzh-timeline-nested-margin-left, 0px);--nested-margin-bottom:var(--stzh-timeline-nested-margin-bottom, 0px);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host ::slotted(*:not(:last-child)){position:relative}:host ::slotted(*:not(:last-child))::after{content:"";display:block;position:absolute;top:0;left:1.25rem;width:0.125rem;height:100%;background-color:var(--stzh-color-grey50)}.stzh-timeline{--stzh-timeline-nested-margin-left:calc(var(--stzh-timeline-bullet-size) / -1);--stzh-timeline-nested-margin-bottom:calc(var(--stzh-space-medium) / -1);margin-left:var(--nested-margin-left);margin-bottom:var(--nested-margin-bottom)}@media screen and (min-width: 900px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(var(--stzh-space-xlarge) / -1)}}@media screen and (min-width: 1260px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(var(--stzh-space-xxlarge) / -1)}}';const r=n;const a=class{constructor(s){t(this,s);this.stzhFoldableChange=e(this,"stzhFoldableChange",7);this.handleSlotchange=()=>{this.updateSteps()};this.foldable=false;this.collapsible=true;this.multiselectable=false}foldableWatcher(t){this.stzhFoldableChange.emit({component:"stzh-timeline",value:t})}openListener(t){const e=t.target;const s=e.closest("stzh-timeline");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-timeline-item"||s!==this.element){return}const i=Array.from(s.querySelectorAll("stzh-timeline-item"));i.forEach((t=>{if(t!==e){t.hide()}}))}async setItemFocus(t,e){const s=t.closest("stzh-timeline");if(s!==this.element){return}const i=Array.from(s.querySelectorAll(":scope > stzh-timeline-item")).filter((t=>!t.disabled));const o=i.indexOf(t);if((e==="prev"||e==="next")&&o===null){e=e==="prev"?"last":"first"}if(e==="prev"&&o===0){e="last"}if(e==="next"&&o===i.length-1){e="first"}if(e==="prev"){i[o-1].focus()}else if(e==="next"){i[o+1].focus()}else if(e==="last"){i[i.length-1].focus()}else if(e==="first"){i[0].focus()}else{t.focus()}}async updateSteps(){var t;const e=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=e.closest("stzh-timeline-item");let i=-1;if(s){i=Array.from(s.parentNode.children).indexOf(s)}const o=Array.from(e.querySelectorAll(":scope > stzh-timeline-item"));o.forEach(((t,e)=>{t.step=i>-1?i+1+(e+1)/10:e+1;const s=t.querySelector("stzh-timeline");if(s){s.updateSteps()}}))}render(){const t={"stzh-timeline":true};return s(i,{key:"a30909fe821bdf5509bd8ffbe9b42a73c1137ecd"},s("div",{key:"6028a7ea13f67247542b79843dea021b7ba41e53",class:t,role:"list"},s("slot",{key:"b0f535352203a26f9c103836c22e31a306cbd1a8",onSlotchange:this.handleSlotchange})))}get element(){return o(this)}static get watchers(){return{foldable:["foldableWatcher"]}}};a.style=r;export{a as stzh_timeline};
+//# sourceMappingURL=p-e19dd2da.entry.js.map