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

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

@@ -1,2 +0,0 @@
-import{r as a,c as t,h as n,a as s,d as r}from"./p-BThcQvAs.js";const h=()=>`.sc-stzh-anchornav-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-anchornav-h,[stzh-hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::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-anchornav-h .has-focus.sc-stzh-anchornav{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-anchornav-h .stzh-fylingfocus-focused.sc-stzh-anchornav{outline-style:none !important}.sc-stzh-anchornav-h .stzh-fylingfocus-focused.sc-stzh-anchornav::-moz-focus-inner{border:0 !important}.sc-stzh-anchornav-h{--color:var(--stzh-anchornav-color, var(--stzh-color-primary));--hover-color:var(--stzh-anchornav-hover-color, var(--stzh-color-primary))}.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xxxlarge)}}.stzh-anchornav__list.sc-stzh-anchornav{display:grid;gap:var(--stzh-space-xsmall)}.stzh-anchornav__item.sc-stzh-anchornav{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:var(--stzh-space-xsmall);align-items:start;padding:var(--stzh-space-medium) 1.25rem;background-color:var(--stzh-color-grey10);color:var(--color);text-decoration:none}@media screen and (min-width: 600px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:var(--stzh-space-xxxlarge);padding-right:var(--stzh-space-large)}}.stzh-anchornav__item.sc-stzh-anchornav:hover{color:var(--hover-color)}`;const o=class{constructor(n){a(this,n);this.stzhItemClick=t(this,"stzhItemClick");this.items=[]}itemsWatcher(a){if(typeof a==="string"){this._items=JSON.parse(a)}else{this._items=a}}handleClick(a,t){t.preventDefault();const n=document.querySelector(a.href);if(n){n.scrollIntoView({behavior:"smooth",block:"start"});history.pushState(null,"",a.href)}this.stzhItemClick.emit({component:"stzh-anchornav",item:a,originalEvent:t})}async componentWillLoad(){this.itemsWatcher(this.items);document.documentElement.style.setProperty("--stzh-anchornav-is-visible","1");if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"anchornav")}}render(){const a={"stzh-anchornav":true};return n(s,{key:"67b0af9e8bba94b23e97c38ea2c208728cea6753"},n("nav",{key:"30178218a23f0c0b58be30746df0a5576bd92400",class:a,role:"navigation","aria-label":this.localization.title},n("div",{key:"045070a0946f5875ebea67cfaba955fe53695181",class:"stzh-anchornav__list",role:"list"},this._items.map((a=>n("a",{class:"stzh-anchornav__item",role:"listitem",href:a.href,onClick:t=>this.handleClick(a,t)},n("stzh-clamp",{lines:2,class:"stzh-anchornav__label"},n("div",{innerHTML:a.label})),n("stzh-icon",{class:"stzh-anchornav__icon",name:a.icon||"arrow-down"})))))))}get element(){return r(this)}static get watchers(){return{items:["itemsWatcher"]}}};o.style=h();export{o as stzh_anchornav};
-//# sourceMappingURL=p-dc609bab.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as s,a as e,d as i}from"./p-BThcQvAs.js";import{c as r,a as p,A as h,o as a,f as n,s as c,b as l}from"./p-DzjuI2eY.js";import{c as d}from"./p-CBUfcdIy.js";import{i as v}from"./p--MYN2wgX.js";import{m as z,a as f,r as m}from"./p-CUGRmgip.js";import{w as u}from"./p--SdF31O7.js";import{s as b,a as g}from"./p-BOO84wnP.js";import"./p-BubviQku.js";const _=()=>`.sc-stzh-popover-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-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::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-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(--stzh-popover-background, var(--stzh-popover-background-color));--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{display:flex;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-popover__label.sc-stzh-popover{margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{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)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}`;const w=200;const y=300;const x=100;const k=200;function j(){const t=z("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?x:w,easing:"linear"}}}function O(){const t=z("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?k:y,easing:"linear"}}}function $(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?x:w,easing:"linear"}}}function C(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?k:y,easing:"linear"}}}const Y={ESC:27};const A="stzh-popover-open";let D=0;const B=class{constructor(s){t(this,s);this.stzhOpen=o(this,"stzhOpen");this.stzhOpened=o(this,"stzhOpened");this.stzhClose=o(this,"stzhClose");this.stzhClosed=o(this,"stzhClosed");this.open=false;this.placement="bottom";this.fullwidth="";this.variant="default";this.size="default";this.skidding=0;this.label="";this.strategy="absolute";this.initialTouchX=null;this.initialTouchY=null;this.mediaChangeHandler=()=>{const t=document.documentElement.style.getPropertyValue("--stzh-header-is-stuck");this.isHeaderStuckAndViewportMicro=!z("small").matches&&t==="1"&&this.hasStzhHeaderParent;if(this.open&&this.isBranchedOutToBody&&!this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}};this.handleKeydown=t=>{if(t.keyCode===Y.ESC){this.hide()}};this.onClickTrigger=()=>{this.toggle()};this.computePosition=async()=>{if(z("small").matches){const t=[a({mainAxis:this.distance,crossAxis:this.skidding}),n({padding:5}),c({padding:5})];if(this.variant==="tooltip"){t.push(l({element:this.arrowElement,padding:5}))}const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:p}=await r(this.triggerFirstElement,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i;Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:o!=null?`${p.arrow.x}px`:"",top:s!=null?`${p.arrow.y}px`:""})}}else{Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}}};this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX;this.initialTouchY=o.pageY};this.handleTouchEnd=t=>{const o=t.changedTouches[0];const s=o.pageX-this.initialTouchX;const e=o.pageY-this.initialTouchY;const i=70;const r=Math.abs(e)>=i&&Math.abs(s)<=i;if(r){const o=t.target.closest(".stzh-dropdown")!==null;if(!o){this.hide()}}this.initialTouchY=null;this.initialTouchX=null};this.init=()=>{var t;let o=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!o){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));o=t}if(o){this.triggerFirstElement=o;o.addEventListener("click",this.onClickTrigger)}};this.initializedPopover=false}async show(){if(this.open){return}this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchOutToBody()}this.toggledByMethod=true;this.open=true;return u(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;await u(this.element,"stzhClosed");this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}return true}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open){return}const o=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s){this.hide()}}async openWatcher(t){if(!this.dialogElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}const t=j();const o=$();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}const t=O();const o=C();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}}this.toggledByMethod=false}distanceWatcher(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?12:8}}setStzhHeaderParent(){let t=this.element.parentElement;while(t){if(t.tagName&&t.tagName.toLowerCase()==="stzh-header"){return true}t=t.parentElement}return false}getChildIndex(t){let o=t.parentNode;let s=Array.prototype.indexOf.call(o.children,t);return s}insertElementAtIndex(t,o,s){let e=t.children[s];if(e){t.insertBefore(o,e)}else{t.appendChild(o)}}branchOutToBody(){this.elementIndexOnBranchout=this.getChildIndex(this.element);document.body.append(this.element);this.insertElementAtIndex(this.initialParentNode,this.triggerElement,this.elementIndexOnBranchout);this.isBranchedOutToBody=true}branchInFromBody(){this.insertElementAtIndex(this.initialParentNode,this.element,this.elementIndexOnBranchout);this.rootElement.prepend(this.triggerElement);this.isBranchedOutToBody=false}async componentWillLoad(){this.id=`stzh-popover-${D++}`;this.initialParentNode=this.element.parentNode;this.hasStzhHeaderParent=this.setStzhHeaderParent();this.distanceWatcher(this.distance);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"popover")}}popoverShown(){document.body.classList.add(A);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}}popoverHidden(){document.body.classList.remove(A);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}}componentDidRender(){this.mediaChangeHandler();const t=v(this.triggerFirstElement);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)}}componentDidUpdate(){if(this.open&&!this.initializedPopover){this.initializeAutoUpdate();this.initializeFocusTrap();this.popoverShown();this.initializedPopover=true}if(this.initializedPopover){if(this.open){this.popoverShown()}else{this.popoverHidden()}this.computePosition();if(this.trap){this.trap.updateContainerElements(this.dialogElement)}}}initializeAutoUpdate(){this.autoUpdateCleanup=p(this.triggerFirstElement,this.dialogElement,this.computePosition)}initializeFocusTrap(){this.trap=d(this.dialogElement,{initialFocus:()=>this.dialogElement,fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}componentDidLoad(){this.contentWrapperElement.hidden=!this.open;this.open?this.popoverShown():this.popoverHidden()}connectedCallback(){f(this.mediaChangeHandler);this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){m(this.mediaChangeHandler);if(this.observer){this.observer.disconnect()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerFirstElement){this.triggerFirstElement.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-popover":true,[`stzh-popover--open`]:this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--fullwidth-${this.fullwidth}`]:!!this.fullwidth,[`stzh-popover--${this.size}`]:!!this.size,[`stzh-popover--${this.variant}`]:!!this.variant};return s(e,{key:"0f7cf64fe52affd7c9ffe014d80a40c5b0ec6e40"},s("div",{key:"b51ecd65f202d74d15e98bcc0913568e304608b6",class:t,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,ref:t=>this.rootElement=t},s("div",{key:"f7257b05cfc679e155f7df6cc884576b05fe1258",ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",{key:"b7d2f4d72ae7448e471831e36a79205d8c2b1016"})),s("div",{key:"8f6817092e032ea20f20f1231438b4e8fc67a290",class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},this.localization.open),s("div",{key:"7fa6502542ec79f1e4a1155364705004a0566a2d",ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{key:"18d1fc955f42595ef5d7b5b182f6cca2354c4093",class:"stzh-popover__backdrop"}),s("div",{key:"3e8b101b744aaf465b81ea4e34d4af6e838593bd",ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{key:"6d42f53829e9ae120de8612f145ea017e0eec4a5",ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&s("div",{key:"622edbcb84c4259a5c44d8ec63134fffbcbd036a",class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:h}),s("div",{key:"e27f52997bd88c2f1ff458c05f179317dccfd431",class:"stzh-popover__content-inner"},s("div",{key:"d13ad32a78775103786ea8d703a41d56ec56f378",class:"stzh-popover__label-wrapper"},s("h2",{key:"0e9ca7b6b509b14da795900ae7c22c105dfe2b01",id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{key:"99746d97b3fa0cdd32d3a2b7c51a305d2ec3b6d9",class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"a0fc6e6875968f6f2ff8f3a01337d8458df2b2da",name:"close",class:"stzh-popover__icon"}),s("span",{key:"37f71948e024e33f43ed9bec9c57c85e8d99167f",class:"stzh-popover__vhidden"},this.localization.close))),s("div",{key:"fdd58841e5365654cd7633967ca99e13fbb98152",class:"stzh-popover__content-slot-wrapper"},s("div",{key:"772c3797426747f863563718a739d00c1efe0667",class:"stzh-popover__content-slot"},s("slot",{key:"f3df3105a40ffc7bb32e3dd4232f6b0505ea1cbf",name:"content"})),s("div",{key:"6f8c14cd375ca35eef8ca47fabc68db05d57b6f4",class:"stzh-popover__action-slot"},s("slot",{key:"898ac6d2983e0a049c4d8f0bc2d666b7f16d4933",name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};B.style=_();export{B as stzh_popover};
-//# sourceMappingURL=p-de8ad578.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,h as e,a,d as s}from"./p-BThcQvAs.js";import{StzhSocialmediastreamItemActionVariant as i}from"./index.esm.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{}: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}.stzh-socialmediastream-item{display:block;background-color:var(--stzh-color-grey10);text-decoration:none;color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:visited{color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover{background-color:var(--stzh-color-secondary10);color:var(--stzh-color-black)}.stzh-socialmediastream-item__image{position:relative}.stzh-socialmediastream-item__ratio{--background-color:var(--image-background-color)}.stzh-socialmediastream-item__image-inner-wrapper{background-color:var(--image-background-color);position:absolute;inset:0;height:100%}.stzh-socialmediastream-item__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-socialmediastream-item{}.stzh-socialmediastream-item__content{padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-small);display:flex;flex-direction:column;gap:var(--stzh-space-small)}.stzh-socialmediastream-item{}.stzh-socialmediastream-item__content-head{display:flex;align-items:center}.stzh-socialmediastream-item__content-head stzh-icon{--color:var(--stzh-color-primary)}.stzh-socialmediastream-item__content-title{width:100%;--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover .stzh-socialmediastream-item__content-title{--color:var(--stzh-color-black)}.stzh-socialmediastream-item{}.stzh-socialmediastream-item__content-body{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item__content-body a{word-wrap:break-word;color:var(--stzh-link-color)}.stzh-socialmediastream-item__content-body a:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__content-body a+a{margin-left:var(--stzh-space-xxsmall)}.stzh-socialmediastream-item{}.stzh-socialmediastream-item__content-footer{display:flex;align-items:center;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__action{text-decoration:none;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);color:var(--stzh-link-color);display:flex;align-items:center;gap:var(--stzh-space-xxsmall);line-height:1}.stzh-socialmediastream-item__action:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__action stzh-icon{--size:1rem}`;const r=class{constructor(e){t(this,e);this.item="";this.init=()=>{this.itemWatcher(this.item)}}itemWatcher(t){if(!t){this._item=undefined}else if(typeof t==="string"){try{this._item=JSON.parse(t)}catch(t){this._item=undefined}}else{this._item=t}}getIconName(t){switch(t.channel){case"facebook":return"facebook";case"twitter":case"x":return"twitter";case"instagram":return"instagram";case"youtube":return"youtube";default:return"warning"}}getActionIconName(t){switch(t){case i.comments:return"facebook-comment";case i.likes:return"like-hand";case i.shares:return"share"}}getParsedDate(t){const e=new Date(t);if(isNaN(e.getTime())){return null}return e}connectedCallback(){this.init()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"socialmediastream-item")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const t={"stzh-socialmediastream-item":true};return e(a,{key:"02b47c31655dd17c6780e55f89c03174a6cd0fbe"},e("a",{key:"553c292938e7d92b5873fc6414e2bb6752e069a2",class:t,href:this._item.link,target:"_blank"},this._item.image&&e("div",{key:"db0c76e030975c54cc36bd69ac83ea95f6aafd99",class:"stzh-socialmediastream-item__image"},e("stzh-ratio",{key:"d1e215ae2901aaae74363b7dd0253885785a0758",ratio:"1:1"}),e("div",{key:"c5ea2339d50b35ca58229e52b6dc44ecc1ec1ab1",class:"stzh-socialmediastream-item__image-inner-wrapper"},e("img",{key:"61295cf0f2698761a789cecdf6f25fb985f850bd",src:this._item.image,alt:this._item.account.title}))),e("div",{key:"d74367bd383159e4716dd16ee81b46f75b3d6da5",class:"stzh-socialmediastream-item__content"},e("div",{key:"b606e796d7c2fa3c65c03748dae6a281396b1d1c",class:"stzh-socialmediastream-item__content-head"},e("stzh-text",{key:"c7cebb08c95143b926bd32742d4238cb1fb1d313",size:"nano",class:"stzh-socialmediastream-item__content-title"},e("strong",{key:"cbd78e538569210632a4e2e162d1c9b8ea2b0938"},this._item.account.title),e("br",{key:"4fba40b9f76f714030da1a6ea0495415c16fb61e"}),this.dateAdapter.format(this.getParsedDate(this._item.date),"dateInput")),e("stzh-icon",{key:"d399eda087aa0bd0b068a2fe022533fd988a4532",name:this.getIconName(this._item)})),e("div",{key:"35696be54d46e0d93f151618f2cdf9c6ffebc8e7",class:"stzh-socialmediastream-item__content-body",innerHTML:this._item.text}),e("div",{key:"cb3daf025779fde58c3c70c0bdfabc9675088ee5",class:"stzh-socialmediastream-item__content-footer 1q23"},this._item.actions&&this._item.actions.map((t=>e("a",{href:t.url,title:t.title,class:"stzh-socialmediastream-item__action",target:"_blank"},e("stzh-icon",{name:this.getActionIconName(t.variant)}),t.count)))))))}get element(){return s(this)}static get watchers(){return{item:["itemWatcher"]}}};r.style=o();export{r as stzh_socialmediastream_item};
-//# sourceMappingURL=p-df5034a2.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,h as s,a as o,c as e,F as i,d as n}from"./p-BThcQvAs.js";import{h as r}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const h=()=>`.sc-stzh-badge-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-badge-h,[stzh-hidden].sc-stzh-badge-h{display:none}.sc-stzh-badge-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::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-badge-h .has-focus.sc-stzh-badge{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-badge-h .stzh-fylingfocus-focused.sc-stzh-badge{outline-style:none !important}.sc-stzh-badge-h .stzh-fylingfocus-focused.sc-stzh-badge::-moz-focus-inner{border:0 !important}.sc-stzh-badge-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey90);display:inline-flex}[type=success].sc-stzh-badge-h{--background-color:var(--stzh-color-success70)}[type=warning].sc-stzh-badge-h{--color:var(--stzh-color-black);--background-color:var(--stzh-color-warning60)}[type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error60)}[type=info].sc-stzh-badge-h{--background-color:var(--stzh-color-primary70)}[filled][type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error70)}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);box-sizing:content-box;display:inline-flex;justify-content:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--background-color);color:var(--color);text-transform:uppercase}.stzh-badge.sc-stzh-badge:empty{width:0.625rem;height:0.625rem;padding:0}`;const a=class{constructor(s){t(this,s);this.label="";this.type="default"}render(){const t={"stzh-badge":true,[`stzh-badge--type-${this.type}`]:!!this.type};return s(o,{key:"c27b1adf4ebf337e0b983225379f40c33aeda889",filled:!!this.label},s("div",{key:"36682a4aab72ede0a8445085c49c5c2659e3fce1",class:t},this.label||s("slot",{key:"4cd0a2632d298f2f9bbff5af704d45e6f7e4a1a5"})))}};a.style=h();const c=()=>`.sc-stzh-button-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-button-h,[stzh-hidden].sc-stzh-button-h{display:none}.sc-stzh-button-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::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-button-h .has-focus.sc-stzh-button{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-button-h .stzh-fylingfocus-focused.sc-stzh-button{outline-style:none !important}.sc-stzh-button-h .stzh-fylingfocus-focused.sc-stzh-button::-moz-focus-inner{border:0 !important}.sc-stzh-button-h{--height:var(--stzh-form-input-height);--padding-top:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-left:var(--stzh-space-xlarge);--padding-right:var(--stzh-space-xlarge);--font-size:var(--stzh-font-centi-font-size);--line-height:var(--stzh-font-centi-text-line-height);--letter-spacing:normal;--icon-size:var(--stzh-icon-size-medium);--icon-toggle-size:0.90625rem}.sc-stzh-button-h:where([icon-only]:not([icon-only=false])){--icon-size:var(--stzh-icon-size-large)}.sc-stzh-button-h{--color:var(--stzh-button-color, var(--stzh-color-white));--background-color:var(--stzh-button-background-color, var(--stzh-color-primary70));--border-width:0px;--border-color:transparent;--border-radius:0px;--icon-text-margin:var(--stzh-space-xsmall);--icon-toggle-color:currentColor;--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--white-space:var(--stzh-button-white-space, normal);--box-shadow:none;--cursor:pointer;--hover-color:var(--stzh-button-hover-color, var(--stzh-color-white));--hover-background-color:var(\n    --stzh-button-hover-background-color,\n    var(--stzh-color-secondary60)\n  );--hover-border-color:transparent;display:inline-flex;width:auto;min-width:var(--height);min-height:var(--height);pointer-events:var(--stzh-button-pointer-events, auto)}@media print{.sc-stzh-button-h{-webkit-print-color-adjust:exact;print-color-adjust:exact}}[icon-only].sc-stzh-button-h:not([icon-only=false]){--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;width:var(--height);height:var(--height)}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:grid;flex:0 0 100%}[rounded].sc-stzh-button-h:not([rounded=false]){--border-radius:var(--height)}[no-padding-left].sc-stzh-button-h:not([no-padding-left=false]){--padding-left:0px}[no-padding-right].sc-stzh-button-h:not([no-padding-right=false]){--padding-right:0px}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-button-secondary-color, var(--stzh-color-primary70));--background-color:var(\n    --stzh-button-secondary-background-color,\n    var(--stzh-color-secondary30)\n  );--hover-color:var(--stzh-button-secondary-hover-color, var(--stzh-color-primary80));--hover-background-color:var(\n    --stzh-button-secondary-hover-background-color,\n    var(--stzh-color-secondary40)\n  )}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-button-tertiary-color, var(--stzh-color-primary70));--background-color:var(\n    --stzh-button-tertiary-background-color,\n    transparent\n  );--hover-color:var(--stzh-button-tertiary-hover-color, var(--stzh-color-primary80));--hover-background-color:var(\n    --stzh-button-tertiary-hover-background-color,\n    var(--stzh-color-secondary20)\n  )}[variant=tertiary-plain].sc-stzh-button-h{--color:var(--stzh-button-tertiary-color, var(--stzh-color-primary70));--background-color:transparent;--hover-color:var(--stzh-button-tertiary-hover-color, var(--stzh-color-primary80));--hover-background-color:var(--background-color)}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-button-active-color, var(--stzh-color-white));--background-color:var(\n    --stzh-button-active-background-color,\n    var(--stzh-color-secondary60)\n  )}[active][variant=secondary].sc-stzh-button-h:not([active=false]){--color:var(--stzh-button-secondary-hover-color, var(--stzh-color-primary80));--background-color:var(\n    --stzh-button-secondary-hover-background-color,\n    var(--stzh-color-secondary40)\n  )}[active][variant=tertiary].sc-stzh-button-h:not([active=false]){--color:var(--stzh-button-tertiary-hover-color, var(--stzh-color-primary80));--background-color:var(\n    --stzh-button-tertiary-hover-background-color,\n    var(--stzh-color-secondary20)\n  )}[active][variant=tertiary-plain].sc-stzh-button-h:not([active=false]){--color:var(--stzh-button-tertiary-hover-color, var(--stzh-color-primary80));--background-color:transparent}[disabled].sc-stzh-button-h:not([disabled=false]),[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false]){--color:var(--stzh-button-disabled-color, var(--stzh-color-white));--background-color:var(\n    --stzh-button-disabled-background-color,\n    var(--stzh-color-grey70)\n  );--hover-color:var(--color);--hover-background-color:var(--background-color)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=secondary]{--color:var(--stzh-button-secondary-disabled-color, var(--stzh-color-grey80));--background-color:var(\n    --stzh-button-secondary-disabled-background-color,\n    var(--stzh-color-grey20)\n  )}[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=input]{--color:var(--stzh-button-input-disabled-color, var(--stzh-color-grey80));--background-color:var(\n    --stzh-button-input-disabled-background-color,\n    var(--stzh-color-grey20)\n  )}[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary-plain],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=tertiary],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=tertiary-plain]{--color:var(--stzh-button-tertiary-disabled-color, var(--stzh-color-grey70));--background-color:var(\n    --stzh-button-tertiary-disabled-background-color,\n    transparent\n  )}.sc-stzh-button-h:where([size=small]){--height:var(--stzh-form-input-small-height);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}.sc-stzh-button-h:where([size=tiny]){--height:var(--stzh-form-input-tiny-height);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--padding-top:calc(var(--stzh-space-xxsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xxsmall) - var(--border-width));--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}@media screen and (min-width: 600px){.sc-stzh-button-h:where([size-small=default]){--height:var(--stzh-form-input-height);--padding-top:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-left:var(--stzh-space-xlarge);--padding-right:var(--stzh-space-xlarge);--font-size:var(--stzh-font-centi-font-size);--line-height:var(--stzh-font-centi-text-line-height);--letter-spacing:normal;--icon-size:var(--stzh-icon-size-medium);--icon-toggle-size:0.90625rem}.sc-stzh-button-h:where([size-small=default]):where([icon-only]:not([icon-only=false])){--icon-size:var(--stzh-icon-size-large)}.sc-stzh-button-h:where([size-small=small]){--height:var(--stzh-form-input-small-height);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}.sc-stzh-button-h:where([size-small=tiny]){--height:var(--stzh-form-input-tiny-height);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--padding-top:calc(var(--stzh-space-xxsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xxsmall) - var(--border-width));--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}}@media screen and (min-width: 900px){.sc-stzh-button-h:where([size-medium=default]){--height:var(--stzh-form-input-height);--padding-top:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-left:var(--stzh-space-xlarge);--padding-right:var(--stzh-space-xlarge);--font-size:var(--stzh-font-centi-font-size);--line-height:var(--stzh-font-centi-text-line-height);--letter-spacing:normal;--icon-size:var(--stzh-icon-size-medium);--icon-toggle-size:0.90625rem}.sc-stzh-button-h:where([size-medium=default]):where([icon-only]:not([icon-only=false])){--icon-size:var(--stzh-icon-size-large)}.sc-stzh-button-h:where([size-medium=small]){--height:var(--stzh-form-input-small-height);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}.sc-stzh-button-h:where([size-medium=tiny]){--height:var(--stzh-form-input-tiny-height);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--padding-top:calc(var(--stzh-space-xxsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xxsmall) - var(--border-width));--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}}@media screen and (min-width: 1260px){.sc-stzh-button-h:where([size-large=default]){--height:var(--stzh-form-input-height);--padding-top:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-left:var(--stzh-space-xlarge);--padding-right:var(--stzh-space-xlarge);--font-size:var(--stzh-font-centi-font-size);--line-height:var(--stzh-font-centi-text-line-height);--letter-spacing:normal;--icon-size:var(--stzh-icon-size-medium);--icon-toggle-size:0.90625rem}.sc-stzh-button-h:where([size-large=default]):where([icon-only]:not([icon-only=false])){--icon-size:var(--stzh-icon-size-large)}.sc-stzh-button-h:where([size-large=small]){--height:var(--stzh-form-input-small-height);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}.sc-stzh-button-h:where([size-large=tiny]){--height:var(--stzh-form-input-tiny-height);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--padding-top:calc(var(--stzh-space-xxsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xxsmall) - var(--border-width));--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}}@media screen and (min-width: 1600px){.sc-stzh-button-h:where([size-ultra=default]){--height:var(--stzh-form-input-height);--padding-top:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xsmall) - var(--border-width));--padding-left:var(--stzh-space-xlarge);--padding-right:var(--stzh-space-xlarge);--font-size:var(--stzh-font-centi-font-size);--line-height:var(--stzh-font-centi-text-line-height);--letter-spacing:normal;--icon-size:var(--stzh-icon-size-medium);--icon-toggle-size:0.90625rem}.sc-stzh-button-h:where([size-ultra=default]):where([icon-only]:not([icon-only=false])){--icon-size:var(--stzh-icon-size-large)}.sc-stzh-button-h:where([size-ultra=small]){--height:var(--stzh-form-input-small-height);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}.sc-stzh-button-h:where([size-ultra=tiny]){--height:var(--stzh-form-input-tiny-height);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--padding-top:calc(var(--stzh-space-xxsmall) - var(--border-width));--padding-bottom:calc(var(--stzh-space-xxsmall) - var(--border-width));--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--icon-size:var(--stzh-icon-size-medium)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{transform:translateX(0)}40%{transform:translateX(-0.5rem)}60%{transform:translateX(-0.25rem)}}.stzh-button.sc-stzh-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);position:relative;z-index:0;overflow:visible;display:flex;align-items:center;justify-content:stretch;appearance:none;color:var(--color);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color;border-style:solid;border-width:var(--border-width);border-color:var(--border-color);cursor:var(--cursor);-webkit-text-decoration-line:none;text-decoration-line:none;width:100%;min-height:100%;margin:0;border-radius:var(--border-radius);text-align:left;box-shadow:var(--box-shadow)}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__vhidden.sc-stzh-button{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-button__inner.sc-stzh-button{display:flex;align-items:center;justify-content:center;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button,.stzh-button__toggle-icon-wrapper.sc-stzh-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stzh-button__icon-wrapper.sc-stzh-button{--stzh-icon-size:var(--icon-size);width:auto;height:1em}.stzh-button__toggle-icon-wrapper.sc-stzh-button{width:var(--icon-size);height:var(--icon-size)}.stzh-button__toggle-icon.sc-stzh-button{position:relative;display:block;width:var(--icon-toggle-size);height:var(--icon-toggle-size)}.stzh-button__toggle-icon.sc-stzh-button::before,.stzh-button__toggle-icon.sc-stzh-button::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--icon-toggle-size);height:0.125rem;transition-property:transform, background-color;transition-duration:500ms;transform-origin:top left;background-color:var(--icon-toggle-color)}@media (prefers-reduced-motion: reduce){.stzh-button__toggle-icon.sc-stzh-button::before,.stzh-button__toggle-icon.sc-stzh-button::after{transition:none}}.stzh-button__toggle-icon.sc-stzh-button::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-button__toggle-icon.sc-stzh-button::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-button__text.sc-stzh-button{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;white-space:var(--white-space);text-align:center}.stzh-button--not-hyphenated.sc-stzh-button .stzh-button__text.sc-stzh-button{hyphens:none}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none}.stzh-button__mark.sc-stzh-button{border:0.125rem solid var(--stzh-color-black);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-button__mark.sc-stzh-button::before{content:""}.stzh-button__mark.sc-stzh-button{width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary70);width:1rem;height:1rem;border-radius:50%;opacity:0;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-secondary60)}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-secondary60)}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary)}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey70)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-grey70)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-grey10)}.stzh-button--is-expanded.sc-stzh-button .stzh-button__toggle-icon.sc-stzh-button::before,.stzh-button--is-expanded.sc-stzh-button .stzh-button__toggle-icon.sc-stzh-button::after{transform:rotate(0) translate(-50%, -50%)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}.stzh-button--default.has-focus.sc-stzh-button{outline:var(--stzh-flyingfocus-color) solid 0.1875rem}`;const l=class{constructor(s){t(this,s);this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.stzhChange=e(this,"stzhChange");this.stzhClick=e(this,"stzhClick");this.badge="";this.noHyphenation=false;this.badgeType="default";this.badgePosition="button";this.badgeEmpty=false;this.fullwidth=false;this.rounded=false;this.size="default";this.textAlign="default";this.variant="default";this.icon="";this.iconPosition="left";this.checked=false;this.name="";this.value="";this.href="";this.target="";this.type="button";this.disabled=false;this.disableOnClick=false;this.active=false;this.label="";this.effect="default";this.iconOnly=false;this.noPaddingLeft=false;this.noPaddingRight=false;this.showToggleIcon=false;this.a11yDescribedby="";this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-button",originalEvent:t,value:this.value,checked:this.checked})};this.onRootFocus=()=>{if(!this.focusedByInput){this.button.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-button",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-button",originalEvent:t})};this.onClick=t=>{if(this.disabled){t.stopPropagation();t.preventDefault()}else{if(this.disableOnClick){this.disabled=true}this.stzhClick.emit({component:"stzh-button",originalEvent:t,href:this.href})}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}renderIcon(t){return s("div",{class:"stzh-button__icon-wrapper"},this.icon&&s("stzh-icon",{class:"stzh-button__icon",name:this.icon}),!this.icon&&this.showToggleIcon&&s("div",{class:"stzh-button__toggle-icon-wrapper"},s("div",{class:"stzh-button__toggle-icon"})),!this.icon&&!this.showToggleIcon&&s("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&this.badgePosition==="icon"&&t&&s("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType}))}renderContent(){return s("div",{class:"stzh-button__text",ref:t=>this.text=t},this.rel&&this.rel.includes("external")&&s("div",{class:"stzh-button__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&s("div",{class:"stzh-button__vhidden"},this.localization.$globals.downloadLinkLabel),this.label?this.label:s("slot",null))}renderInner(t){return s(i,null,s("div",{class:"stzh-button__inner"},this.type==="radio"&&s("div",{class:"stzh-button__mark"},s("div",{class:"stzh-button__check"})),this.iconPosition==="left"&&this.renderIcon(t),this.renderContent(),this.iconPosition==="right"&&this.renderIcon(t)),(this.badge||this.badgeEmpty)&&(this.badgePosition==="button"||!t)&&s("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType}))}async componentWillLoad(){this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"button")}}componentDidRender(){requestAnimationFrame((()=>{var t;(t=this.button)===null||t===void 0?void 0:t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}render(){const t=r(this.element,"icon")||!!this.icon;const e={"stzh-button":true,"stzh-button--has-icon":t,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-rounded":this.rounded,"stzh-button--is-fullwidth":this.fullwidth,"stzh-button--is-disabled":this.disabled||this.a11yDisabled,"stzh-button--is-active":this.active,"stzh-button--is-expanded":this.a11yExpanded,"stzh-button--not-hyphenated":this.noHyphenation,[`stzh-button--effect-${this.effect}`]:!!this.effect,[`stzh-button--badge-position-${this.badgePosition}`]:!!this.badgePosition,[`stzh-button--align-${this.textAlign}`]:!!this.textAlign,[`stzh-button--type-${this.type}`]:!!this.type,[`stzh-button--${this.variant}`]:!!this.variant};return s(o,{key:"c2e4ee63e4c8a225ce7791ad7f4ae32472e1b08d",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},this.href?s("a",{ref:t=>this.button=t,href:this.disabled?null:this.href,rel:this.rel,download:this.download,target:this.target,class:e,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls||null,"aria-current":this.a11yCurrent||null,id:this.buttonId,accessKey:this.buttonAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)):this.type==="radio"?s("label",{ref:t=>this.button=t,class:e,onClick:this.onClick},s("input",{ref:t=>this.input=t,type:"radio",class:"stzh-button__input",name:this.name,value:this.value,defaultChecked:this.defaultChecked,checked:this.checked,disabled:this.disabled,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls||null,"aria-current":this.a11yCurrent||null,id:this.buttonId,accessKey:this.buttonAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,onInput:this.onInput}),this.renderInner(t)):s("button",{ref:t=>this.button=t,class:e,type:this.type,name:this.name,value:this.value,disabled:this.disabled,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls||null,"aria-current":this.a11yCurrent||null,id:this.buttonId,accessKey:this.buttonAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)))}get element(){return n(this)}};l.style=c();const d=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--size:var(--stzh-icon-size);--color:var(--stzh-icon-color);--vertical-align:var(--stzh-icon-vertical-align);display:inline-flex;justify-content:center;align-items:center;color:var(--color);vertical-align:var(--vertical-align);width:var(--size);height:var(--size)}@media print{:host{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.stzh-icon{display:none}.stzh-icon__svg{width:var(--size);height:var(--size)}`;let z=0;const u=new Map;const b=class{constructor(s){t(this,s);this.name="";this.a11yTitle="";this.svgHtml="";this.iconDisplay="none"}async nameWatcher(t){this.iconDisplay="none";if(t){if(u.has(t)){this.svgHtml=await u.get(t);this.updateAccessibilityAttributes();this.showIcon()}else{const s=fetch(`${window.stzhComponents.pathMedia}/icons/mono/${this.name}.svg`).then((t=>{if(t.status===200){return t.text()}throw new Error("Failed to fetch icon")})).then((t=>{const s=new DOMParser;const o=s.parseFromString(t,"image/svg+xml");const e=o.documentElement;e.classList.add("stzh-icon__svg");return e.outerHTML}));u.set(t,s);this.svgHtml=await s;this.updateAccessibilityAttributes();this.showIcon()}}else{this.svgElement=null;this.svgHtml=""}}a11yTitleWatcher(t){if(!this.svgElement)return;this.svgElement.setAttribute("aria-hidden",t?"false":"true");this.svgElement.setAttribute("focusable",t?"true":"false");this.svgElement.setAttribute("aria-labelledby",t?`${this.iconId}-title`:null);let s=this.svgElement.querySelector("title");if(!s){s=document.createElement("title");s.id=`${this.iconId}-title`;this.svgElement.appendChild(s)}s.innerHTML=t;this.svgHtml=this.svgElement.outerHTML}async componentWillLoad(){this.iconId=`stzh-icon-${z++}`;await this.nameWatcher(this.name)}updateAccessibilityAttributes(){this.a11yTitleWatcher(this.a11yTitle)}showIcon(){window.setTimeout((()=>{this.iconDisplay="contents"}),0)}render(){return s(o,{key:"48bec2666774f99ae81c11a48beb8138b9b107ac"},s("div",{key:"65b8489b21a64236e6964fca027a2f7f3c963b88",class:"stzh-icon",style:{display:this.iconDisplay},innerHTML:this.svgHtml}))}get element(){return n(this)}static get watchers(){return{name:["nameWatcher"],a11yTitle:["a11yTitleWatcher"]}}};b.style=d();export{a as stzh_badge,l as stzh_button,b as stzh_icon};
-//# sourceMappingURL=p-e30a72e4.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as s,c as i,h as a,a as o,d as e}from"./p-BThcQvAs.js";const t=()=>`.sc-stzh-imagecomparison-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-imagecomparison-h,[stzh-hidden].sc-stzh-imagecomparison-h{display:none}.sc-stzh-imagecomparison-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::before,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::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-imagecomparison-h .has-focus.sc-stzh-imagecomparison{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison{outline-style:none !important}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison::-moz-focus-inner{border:0 !important}.sc-stzh-imagecomparison-h{--exposure:50%;--divider-width:0.125rem}@media print{.sc-stzh-imagecomparison-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>*,.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>[slot=image-after],.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>[slot=image-after]{clip-path:polygon(calc(var(--exposure) + var(--divider-width) / 2) 0, 100% 0, 100% 100%, calc(var(--exposure) + var(--divider-width) / 2) 100%)}.stzh-imagecomparison.sc-stzh-imagecomparison{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.stzh-imagecomparison__control.sc-stzh-imagecomparison{position:absolute;inset:0;opacity:0;cursor:pointer}.stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{position:absolute;left:var(--exposure);height:100%;width:var(--divider-width);background-color:var(--stzh-color-white);transform:translateX(-50%);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:var(--exposure);overflow:hidden;width:calc(2 * var(--stzh-icon-size) + var(--divider-width));height:var(--stzh-icon-size);transform:translate(-50%, -50%);color:var(--stzh-color-primary70);background-color:var(--stzh-color-white);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{pointer-events:none;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison,.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;display:flex;align-items:center;height:1.5rem;padding:0 var(--stzh-space-xsmall);background:var(--stzh-color-black50op);color:var(--stzh-color-white)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison{left:0}.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{right:0}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{background-color:var(--stzh-color-primary70)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{background-color:var(--stzh-color-secondary30)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover+.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{opacity:1}`;const r=class{constructor(a){s(this,a);this.stzhChange=i(this,"stzhChange");this.hintLeft="";this.hintRight="";this.value=50;this.a11yDescribedby="";this.handleInput=s=>{let i=this.inputElement.value;this.value=Number(i);this.stzhChange.emit({component:"stzh-imagecomparison",originalEvent:s,value:this.value})}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"imagecomparison")}}render(){const s={"stzh-imagecomparison":true};return a(o,{key:"e14e02a2bd26d36304c0f334357c99d356de6f1d","aria-roledescription":this.localization.label,style:{"--exposure":`${this.value.toString()}%`}},a("div",{key:"5d7a228c8b298aa635a7971f88e155400d30899f",class:s},a("div",{key:"4021f51b651a3b94827c02b959bde1a3e226aa61",class:"stzh-imagecomparison__element"},a("slot",{key:"ccb155c8d0c10d318d93f0ff9812d1ad4c389f2f",name:"image-before"}),a("slot",{key:"29a322531b3e359c0117eae5820908be80812b69",name:"image-after"}),a("label",{key:"6bbc1e9672a323b458a714273359bbbf7807308c",class:"stzh-imagecomparison__label","aria-label":this.label||this.localization.label,"aria-describedby":this.a11yDescribedby||null},a("div",{key:"693618a63e0cd54a0bb5a59e2e60a8d5cc8fa2a7",class:"stzh-imagecomparison__slider-icon-wrapper"},a("stzh-icon",{key:"6eeefb9a34902a0dc90068cac81f69e7276bdd8f",class:"stzh-imagecomparison__slider-icon-left",name:"angle-left"}),a("stzh-icon",{key:"37cc189380b0c2a0b7de6a0f032b52b665089719",class:"stzh-imagecomparison__slider-icon-right",name:"angle-right"})),a("div",{key:"55cacee62934eab24955786c71dc1d526fdb1fa1",class:"stzh-imagecomparison__slider-line"}),a("input",{key:"7655db913daaa2b168e4da54517ed6deac2f7ac6",type:"range",class:"stzh-imagecomparison__control",min:"0",max:"100",ref:s=>this.inputElement=s,onInput:this.handleInput})),a("div",{key:"56d073905e803876a97dfcedb0339b107d8c0ceb",class:"stzh-imagecomparison__hint-wrapper"},a("span",{key:"b6d7e55a91543bfb8a865ed8acc38cc9b6302720",class:"stzh-imagecomparison__hint-left"},this.hintLeft?this.hintLeft:a("slot",{name:"hint-left"})),a("span",{key:"801e9a7b0b92e79c694df7c92bada094bdba73dc",class:"stzh-imagecomparison__hint-right"},this.hintRight?this.hintRight:a("slot",{name:"hint-right"}))))))}get element(){return e(this)}};r.style=t();export{r as stzh_imagecomparison};
-//# sourceMappingURL=p-e4d0b7c6.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as n,h as t,a as e,d as o}from"./p-BThcQvAs.js";const c=()=>`.sc-stzh-vbz-connection-finder-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-connection-finder-h,[stzh-hidden].sc-stzh-vbz-connection-finder-h{display:none}.sc-stzh-vbz-connection-finder-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder,.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder::before,.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder::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-connection-finder-h .has-focus.sc-stzh-vbz-connection-finder{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-connection-finder-h .stzh-fylingfocus-focused.sc-stzh-vbz-connection-finder{outline-style:none !important}.sc-stzh-vbz-connection-finder-h .stzh-fylingfocus-focused.sc-stzh-vbz-connection-finder::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-connection-finder-h{width:100%}.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xxxlarge)}}.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xxxlarge)}}`;const i=class{constructor(t){n(this,t);this.zvvScript="https://fpcdn.zvv.ch/cdn/v1/searchmask.min.js";this.language="en"}getIconPath(n){return`${window.stzhComponents.pathMedia}/icons/mono/${n}.svg`}connectedCallback(){const n=window.stzhComponents.utils.getLocale(this.element);if(n==="de"||n==="en"){this.language=n}}render(){const n={"stzh-vbz-connection-finder":true};return t(e,{key:"0001260ea3d1783d9678517d7ac0d51339cf7c6e"},t("div",{key:"0bab124b33664c1367cd6b365b1accf99e66eb93",class:n},t("script",{key:"b9b4585a00cc973ca10469b4c56aedaaf5d47f5d",src:this.zvvScript}),t("div",{key:"6b7c01befe23df79ae62a91c067f18fc11f5bf73",id:"zvv-searchmask","data-draw-input-placeholder-outside":"true","data-toggle-style-variant":"inside","data-hide-refresh-button":"true","data-background-color":"#ffffff","data-accent-color":"#ffffff","data-input-border-color":"#7C7C7C","data-input-border-radius":"0px","data-input-border-width":"2px","data-input-placeholder-color":"#034C67","data-input-text-color":"#000000","data-button-color":"#FFFFFF","data-button-background-color":"#057FAC","data-button-hover-color":"#ffffff","data-button-hover-background-color":"#034C67","data-button-border-radius":"0px","data-language":this.language,"data-font-family":"'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;","data-calendar-icon":this.getIconPath("calendar"),"data-info-icon":this.getIconPath("info-help")})))}get element(){return o(this)}};i.style=c();export{i as stzh_vbz_connection_finder};
-//# sourceMappingURL=p-e65425be.entry.js.map