@oiz/stzh-components 4.3.0 → 4.3.2

package/dist/stzh-components/{p-f5b5b83e.entry.js → p-ac2efdad.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,F as r,a as i,g as a}from"./p-ef5985a3.js";const o=".sc-stzh-breadcrumb-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-breadcrumb-h,[stzh-hidden].sc-stzh-breadcrumb-h{display:none}.sc-stzh-breadcrumb-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::before,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::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-breadcrumb-h .has-focus.sc-stzh-breadcrumb{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb{outline-style:none !important}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb::-moz-focus-inner{border:0 !important}.sc-stzh-breadcrumb-h{overflow:hidden;--color:var(--stzh-breadcrumb-color, var(--stzh-color-primary70))}@media print{.sc-stzh-breadcrumb-h{display:none}}[variant=teaser].sc-stzh-breadcrumb-h{--color:var(--stzh-color-grey80)}.stzh-breadcrumb.sc-stzh-breadcrumb{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(--color)}.stzh-breadcrumb__list.sc-stzh-breadcrumb,.stzh-breadcrumb__item.sc-stzh-breadcrumb,.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{display:flex;align-items:center}.stzh-breadcrumb__list.sc-stzh-breadcrumb{list-style:none;margin:0;padding:0;white-space:nowrap}.stzh-breadcrumb__item.is-expand.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{cursor:pointer}.stzh-breadcrumb__item.is-hidden.sc-stzh-breadcrumb{position:absolute;visibility:hidden}.stzh-breadcrumb__item.is-last.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-breadcrumb__item.is-first.sc-stzh-breadcrumb .stzh-breadcrumb__item-label.sc-stzh-breadcrumb{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-breadcrumb__item-link.sc-stzh-breadcrumb{appearance:none;background-color:transparent;border:none;text-decoration:none;color:inherit}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb{cursor:pointer;transition:color var(--stzh-base-transition-animation-speed)}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb:hover{color:var(--stzh-color-primary90)}.stzh-breadcrumb__item-icon.sc-stzh-breadcrumb{margin-right:var(--stzh-space-xxsmall)}.stzh-breadcrumb__item-icon.is-separator.sc-stzh-breadcrumb{--size:var(--stzh-icon-size-small)}.stzh-breadcrumb__item-label-hidden.sc-stzh-breadcrumb{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-breadcrumb--is-expanded.sc-stzh-breadcrumb .stzh-breadcrumb__list.sc-stzh-breadcrumb{flex-wrap:wrap;white-space:initial}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .is-expand.sc-stzh-breadcrumb{position:absolute}.stzh-breadcrumb--teaser.sc-stzh-breadcrumb{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}";const h=o;const n=1;const c=1;const l=class{constructor(e){t(this,e);this.stzhItemClick=s(this,"stzhItemClick",7);this.updateContainer=()=>{if(!this.navElement||!this.itemSizes){return}const t=this.navElement.clientWidth;const s=this.itemSizes.reduce(((t,s,e)=>{if(e===n){return t}else{return t+s[1]}}),0);if(s>=t&&this.itemSizes.length>2&&!this.expanded){const e=[];const r=this.itemSizes[n][1];let i=n+c;let a=s;do{const t=this.itemSizes[i];e.push(t[0]);a=a-t[1];i=i+c}while(a+r>=t&&i<this.itemSizes.length);this.hasHiddenItems=true;this.itemSizes.forEach((([t],s)=>{if(s===n){t.classList.remove("is-hidden")}else{t.classList.toggle("is-hidden",e.includes(t))}}))}else{this.hasHiddenItems=false;this.itemSizes.forEach((([t],s)=>{if(s===n){t.classList.add("is-hidden")}else{t.classList.remove("is-hidden")}}))}};this.updateItems=()=>{if(!this.navElement){return}const t=Array.from(this.navElement.querySelectorAll(".stzh-breadcrumb__item"));this.itemSizes=[];t.forEach((t=>{const{width:s}=t.getBoundingClientRect();this.itemSizes.push([t,s])}));this.updateContainer()};this.handleContainerResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateContainer)};this.handleItemResize=()=>{if(this.debounceResizeItems){window.cancelAnimationFrame(this.debounceResizeItems)}this.debounceResizeItems=requestAnimationFrame(this.updateItems)};this.handleExpandClick=()=>{this.expanded=true;const t=Array.from(this.navElement.querySelectorAll(".stzh-breadcrumb__item-link"));t[2].focus()};this.localization=undefined;this.variant="default";this.items=[];this.expanded=false;this.hasHiddenItems=false}itemsWatcher(t){if(!t){this._items=[]}else if(typeof t==="string"){try{this._items=JSON.parse(t)}catch(t){this._items=[]}}else{this._items=t}}expandedWatcher(){this.updateContainer()}handleClick(t,s){this.stzhItemClick.emit({component:"stzh-breadcrumb",item:t,originalEvent:s})}async componentWillLoad(){this.itemsWatcher(this.items);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"breadcrumb")}}componentDidRender(){this.resizeObserver.observe(this.navElement);const t=this.navElement.querySelectorAll(".stzh-breadcrumb__item");t.forEach((t=>{this.resizeItemsObserver.observe(t)}))}connectedCallback(){this.resizeObserver=new ResizeObserver(this.handleContainerResize);this.resizeItemsObserver=new ResizeObserver(this.handleItemResize)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.resizeItemsObserver){this.resizeItemsObserver.disconnect()}}render(){const t={"stzh-breadcrumb":true,"stzh-breadcrumb--is-expanded":this.expanded,"stzh-breadcrumb--has-hidden-items":this.hasHiddenItems,[`stzh-breadcrumb--${this.variant}`]:!!this.variant,rs_skip:true};return e(i,{key:"94e2c29dac3b984c04d7034f0e3db24a9d9b5dc9"},e("div",{key:"08fc0a3b21a2ab1387d465f888babf4aec32d9d3",class:t},e("nav",{key:"4b7df97b6699e7d9834ffc6e4e2674e355187fff",ref:t=>this.navElement=t,class:"stzh-breadcrumb__nav",role:"navigation","aria-label":this.localization.title},e("ol",{key:"b61255f4433045b2c7521a8f59325f8953b08e6b",class:"stzh-breadcrumb__list"},this._items.map(((t,s)=>e(r,null,e("li",{class:{"stzh-breadcrumb__item":true,"is-last":s+1===this._items.length,"is-first":s===0}},e("a",{"aria-current":s+1===this._items.length?"page":null,href:t.href,onClick:s=>this.handleClick(t,s),class:{"stzh-breadcrumb__item-link":true,"is-link":!!t.href}},s===0?e("stzh-icon",{class:"stzh-breadcrumb__item-icon",name:"home"}):e("stzh-icon",{class:"stzh-breadcrumb__item-icon is-separator",name:"angle-right"}),e("span",{class:"stzh-breadcrumb__item-label",innerHTML:t.label}))),s===0&&e("li",{class:"stzh-breadcrumb__item is-expand"},e("button",{class:"stzh-breadcrumb__item-link",onClick:this.handleExpandClick},e("stzh-icon",{class:"stzh-breadcrumb__item-icon is-separator",name:"angle-right"}),e("span",{class:"stzh-breadcrumb__item-label"},e("span",{"aria-hdiden":"true"},this.localization.expandLabel),e("span",{class:"stzh-breadcrumb__item-label-hidden"},this.localization.expandHiddenLabel)))))))))))}get element(){return a(this)}static get watchers(){return{items:["itemsWatcher"],expanded:["expandedWatcher"]}}};l.style=h;const d=".sc-stzh-tag-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-tag-h,[stzh-hidden].sc-stzh-tag-h{display:none}.sc-stzh-tag-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-tag-h *.sc-stzh-tag,.sc-stzh-tag-h *.sc-stzh-tag::before,.sc-stzh-tag-h *.sc-stzh-tag::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-tag-h .has-focus.sc-stzh-tag{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-tag-h .stzh-fylingfocus-focused.sc-stzh-tag{outline-style:none !important}.sc-stzh-tag-h .stzh-fylingfocus-focused.sc-stzh-tag::-moz-focus-inner{border:0 !important}.sc-stzh-tag-h{--color:var(--stzh-tag-color, var(--stzh-color-secondary60));--height:1.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--background-color:var(--stzh-tag-background-color, var(--stzh-color-grey20));--hover-color:var(--stzh-tag-hover-color, var(--stzh-color-secondary60));--hover-background-color:var(--stzh-tag-hover-background-color, var(--background-color));display:inline-flex}[size=large].sc-stzh-tag-h{--height:2rem}[size=default][type=secondary].sc-stzh-tag-h{--background-color:var(--stzh-tag-secondary-background-color, var(--stzh-color-secondary60))}[type=secondary].sc-stzh-tag-h{--color:var(--stzh-tag-secondary-color, var(--stzh-color-white));--background-color:var(--stzh-tag-secondary-background-color, var(--stzh-color-secondary60));--hover-color:var(--stzh-tag-secondary-hover-color, var(--stzh-color-white));--hover-background-color:var(--stzh-tag-secondary-hover-background-color, var(--background-color))}[non-interactive].sc-stzh-tag-h:not([non-interactive=false]){--hover-color:var(--color);--hover-background-color:var(--background-color)}[disabled].sc-stzh-tag-h:not([disabled=false]){--color:var(--stzh-tag-disabled-color, var(--stzh-color-grey70));--background-color:var(--stzh-tag-disabled-background-color, var(--stzh-color-grey20));--hover-color:var(--color);--hover-background-color:var(--background-color)}.stzh-tag.sc-stzh-tag{position:relative}.stzh-tag__button.sc-stzh-tag{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);font-family:inherit;height:var(--height);display:flex;flex-direction:row;align-items:center;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);color:var(--color);appearance:none;border:none;background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-tag__button.is-button.sc-stzh-tag,.stzh-tag__button.is-link.sc-stzh-tag{cursor:pointer}.stzh-tag__label.sc-stzh-tag{text-align:left}.stzh-tag__button.sc-stzh-tag:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-tag--size-large.sc-stzh-tag .stzh-tag__button.sc-stzh-tag{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)}.stzh-tag--is-disabled.sc-stzh-tag .stzh-tag__button.sc-stzh-tag{cursor:not-allowed}";const b=d;const z=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.tag.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-tag",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-tag",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-tag",originalEvent:t,href:this.href})};this.label="";this.href="";this.target="";this.nonInteractive=false;this.type="default";this.size="default";this.disabled=false;this.a11yTabindex=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.analyticsId=undefined;this.removeAnalyticsId=undefined}componentDidRender(){requestAnimationFrame((()=>{var t;if(!this.nonInteractive){(t=this.tag)===null||t===void 0?void 0:t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}}))}renderInner(){return e(r,null,e("stzh-clamp",{lines:1,class:"stzh-tag__label",ref:t=>this.text=t},this.label?this.label:e("slot",null)))}render(){const t={"stzh-tag":true,"stzh-tag--is-disabled":this.disabled,[`stzh-tag--size-${this.size}`]:!!this.size,[`stzh-tag--${this.type}`]:!!this.type};const s=this.nonInteractive?"div":this.href?"a":"button";return e(i,{key:"07af8ce97ca3053aa3c990892b4d2b389c67bcbb",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"6fadef332246306831ad688677b172fd22998acd",class:t},this.href?e(s,{ref:t=>this.tag=t,class:{"stzh-tag__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner()):e(s,{ref:t=>this.tag=t,class:{"stzh-tag__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))}get element(){return a(this)}};z.style=b;export{l as stzh_breadcrumb,z as stzh_tag};
-//# sourceMappingURL=p-f5b5b83e.entry.js.map
+import{r as t,c as s,h as e,F as r,a as i,g as a}from"./p-ef5985a3.js";const o=".sc-stzh-breadcrumb-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-breadcrumb-h,[stzh-hidden].sc-stzh-breadcrumb-h{display:none}.sc-stzh-breadcrumb-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::before,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::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-breadcrumb-h .has-focus.sc-stzh-breadcrumb{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb{outline-style:none !important}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb::-moz-focus-inner{border:0 !important}.sc-stzh-breadcrumb-h{overflow:hidden;--color:var(--stzh-breadcrumb-color, var(--stzh-color-primary70))}@media print{.sc-stzh-breadcrumb-h{display:none}}[variant=teaser].sc-stzh-breadcrumb-h{--color:var(--stzh-color-grey80)}.stzh-breadcrumb.sc-stzh-breadcrumb{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(--color)}.stzh-breadcrumb__list.sc-stzh-breadcrumb,.stzh-breadcrumb__item.sc-stzh-breadcrumb,.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{display:flex;align-items:center}.stzh-breadcrumb__list.sc-stzh-breadcrumb{list-style:none;margin:0;padding:0;white-space:nowrap}.stzh-breadcrumb__item.is-expand.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{cursor:pointer}.stzh-breadcrumb__item.is-hidden.sc-stzh-breadcrumb{position:absolute;visibility:hidden}.stzh-breadcrumb__item.is-last.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-breadcrumb__item.is-first.sc-stzh-breadcrumb .stzh-breadcrumb__item-label.sc-stzh-breadcrumb{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-breadcrumb__item-link.sc-stzh-breadcrumb{appearance:none;background-color:transparent;border:none;text-decoration:none;color:inherit}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb{cursor:pointer;transition:color var(--stzh-base-transition-animation-speed)}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb:hover{color:var(--stzh-color-primary90)}.stzh-breadcrumb__item-icon.sc-stzh-breadcrumb{margin-right:var(--stzh-space-xxsmall)}.stzh-breadcrumb__item-icon.is-separator.sc-stzh-breadcrumb{--size:var(--stzh-icon-size-small)}.stzh-breadcrumb__item-label-hidden.sc-stzh-breadcrumb{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-breadcrumb--is-expanded.sc-stzh-breadcrumb .stzh-breadcrumb__list.sc-stzh-breadcrumb{flex-wrap:wrap;white-space:initial}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .is-expand.sc-stzh-breadcrumb{position:absolute}.stzh-breadcrumb--teaser.sc-stzh-breadcrumb{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}";const h=o;const n=1;const c=1;const l=class{constructor(e){t(this,e);this.stzhItemClick=s(this,"stzhItemClick",7);this.updateContainer=()=>{if(!this.navElement||!this.itemSizes){return}const t=this.navElement.clientWidth;const s=this.itemSizes.reduce(((t,s,e)=>{if(e===n){return t}else{return t+s[1]}}),0);if(s>=t&&this.itemSizes.length>2&&!this.expanded){const e=[];const r=this.itemSizes[n][1];let i=n+c;let a=s;do{const t=this.itemSizes[i];e.push(t[0]);a=a-t[1];i=i+c}while(a+r>=t&&i<this.itemSizes.length);this.hasHiddenItems=true;this.itemSizes.forEach((([t],s)=>{if(s===n){t.classList.remove("is-hidden")}else{t.classList.toggle("is-hidden",e.includes(t))}}))}else{this.hasHiddenItems=false;this.itemSizes.forEach((([t],s)=>{if(s===n){t.classList.add("is-hidden")}else{t.classList.remove("is-hidden")}}))}};this.updateItems=()=>{if(!this.navElement){return}const t=Array.from(this.navElement.querySelectorAll(".stzh-breadcrumb__item"));this.itemSizes=[];t.forEach((t=>{const{width:s}=t.getBoundingClientRect();this.itemSizes.push([t,s])}));this.updateContainer()};this.handleContainerResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateContainer)};this.handleItemResize=()=>{if(this.debounceResizeItems){window.cancelAnimationFrame(this.debounceResizeItems)}this.debounceResizeItems=requestAnimationFrame(this.updateItems)};this.handleExpandClick=()=>{this.expanded=true;const t=Array.from(this.navElement.querySelectorAll(".stzh-breadcrumb__item-link"));t[2].focus()};this.localization=undefined;this.variant="default";this.items=[];this.expanded=false;this.hasHiddenItems=false}itemsWatcher(t){if(!t){this._items=[]}else if(typeof t==="string"){try{this._items=JSON.parse(t)}catch(t){this._items=[]}}else{this._items=t}}expandedWatcher(){this.updateContainer()}handleClick(t,s){this.stzhItemClick.emit({component:"stzh-breadcrumb",item:t,originalEvent:s})}async componentWillLoad(){this.itemsWatcher(this.items);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"breadcrumb")}}componentDidRender(){this.resizeObserver.observe(this.navElement);const t=this.navElement.querySelectorAll(".stzh-breadcrumb__item");t.forEach((t=>{this.resizeItemsObserver.observe(t)}))}connectedCallback(){this.resizeObserver=new ResizeObserver(this.handleContainerResize);this.resizeItemsObserver=new ResizeObserver(this.handleItemResize)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.resizeItemsObserver){this.resizeItemsObserver.disconnect()}}render(){const t={"stzh-breadcrumb":true,"stzh-breadcrumb--is-expanded":this.expanded,"stzh-breadcrumb--has-hidden-items":this.hasHiddenItems,[`stzh-breadcrumb--${this.variant}`]:!!this.variant,rs_skip:true};return e(i,{key:"f9543487d5c613df43dcabbb930e4ae0d4d59776"},e("div",{key:"8f2920f5c137596a1092e3991a3ab060ad9648a7",class:t},e("nav",{key:"3e2b4c1d82b92499fb4c0b7d1d9b468d68207221",ref:t=>this.navElement=t,class:"stzh-breadcrumb__nav",role:"navigation","aria-label":this.localization.title},e("ol",{key:"fba9ce0dbeb3d63997ba3a129a1b6a9f5218a561",class:"stzh-breadcrumb__list"},this._items.map(((t,s)=>e(r,null,e("li",{class:{"stzh-breadcrumb__item":true,"is-last":s+1===this._items.length,"is-first":s===0}},e("a",{"aria-current":s+1===this._items.length?"page":null,href:t.href,onClick:s=>this.handleClick(t,s),class:{"stzh-breadcrumb__item-link":true,"is-link":!!t.href}},s===0?e("stzh-icon",{class:"stzh-breadcrumb__item-icon",name:"home"}):e("stzh-icon",{class:"stzh-breadcrumb__item-icon is-separator",name:"angle-right"}),e("span",{class:"stzh-breadcrumb__item-label",innerHTML:t.label}))),s===0&&e("li",{class:"stzh-breadcrumb__item is-expand"},e("button",{class:"stzh-breadcrumb__item-link",onClick:this.handleExpandClick},e("stzh-icon",{class:"stzh-breadcrumb__item-icon is-separator",name:"angle-right"}),e("span",{class:"stzh-breadcrumb__item-label"},e("span",{"aria-hdiden":"true"},this.localization.expandLabel),e("span",{class:"stzh-breadcrumb__item-label-hidden"},this.localization.expandHiddenLabel)))))))))))}get element(){return a(this)}static get watchers(){return{items:["itemsWatcher"],expanded:["expandedWatcher"]}}};l.style=h;const d=".sc-stzh-tag-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-tag-h,[stzh-hidden].sc-stzh-tag-h{display:none}.sc-stzh-tag-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-tag-h *.sc-stzh-tag,.sc-stzh-tag-h *.sc-stzh-tag::before,.sc-stzh-tag-h *.sc-stzh-tag::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-tag-h .has-focus.sc-stzh-tag{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-tag-h .stzh-fylingfocus-focused.sc-stzh-tag{outline-style:none !important}.sc-stzh-tag-h .stzh-fylingfocus-focused.sc-stzh-tag::-moz-focus-inner{border:0 !important}.sc-stzh-tag-h{--color:var(--stzh-tag-color, var(--stzh-color-secondary60));--height:1.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--background-color:var(--stzh-tag-background-color, var(--stzh-color-grey20));--hover-color:var(--stzh-tag-hover-color, var(--stzh-color-secondary60));--hover-background-color:var(--stzh-tag-hover-background-color, var(--background-color));display:inline-flex}[size=large].sc-stzh-tag-h{--height:2rem}[size=default][type=secondary].sc-stzh-tag-h{--background-color:var(--stzh-tag-secondary-background-color, var(--stzh-color-secondary60))}[type=secondary].sc-stzh-tag-h{--color:var(--stzh-tag-secondary-color, var(--stzh-color-white));--background-color:var(--stzh-tag-secondary-background-color, var(--stzh-color-secondary60));--hover-color:var(--stzh-tag-secondary-hover-color, var(--stzh-color-white));--hover-background-color:var(--stzh-tag-secondary-hover-background-color, var(--background-color))}[non-interactive].sc-stzh-tag-h:not([non-interactive=false]){--hover-color:var(--color);--hover-background-color:var(--background-color)}[disabled].sc-stzh-tag-h:not([disabled=false]){--color:var(--stzh-tag-disabled-color, var(--stzh-color-grey70));--background-color:var(--stzh-tag-disabled-background-color, var(--stzh-color-grey20));--hover-color:var(--color);--hover-background-color:var(--background-color)}.stzh-tag.sc-stzh-tag{position:relative}.stzh-tag__button.sc-stzh-tag{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);font-family:inherit;height:var(--height);display:flex;flex-direction:row;align-items:center;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);color:var(--color);appearance:none;border:none;background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-tag__button.is-button.sc-stzh-tag,.stzh-tag__button.is-link.sc-stzh-tag{cursor:pointer}.stzh-tag__label.sc-stzh-tag{text-align:left}.stzh-tag__button.sc-stzh-tag:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-tag--size-large.sc-stzh-tag .stzh-tag__button.sc-stzh-tag{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)}.stzh-tag--is-disabled.sc-stzh-tag .stzh-tag__button.sc-stzh-tag{cursor:not-allowed}";const b=d;const z=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.tag.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-tag",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-tag",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-tag",originalEvent:t,href:this.href})};this.label="";this.href="";this.target="";this.nonInteractive=false;this.type="default";this.size="default";this.disabled=false;this.a11yTabindex=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.analyticsId=undefined;this.removeAnalyticsId=undefined}componentDidRender(){requestAnimationFrame((()=>{var t;if(!this.nonInteractive){(t=this.tag)===null||t===void 0?void 0:t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}}))}renderInner(){return e(r,null,e("stzh-clamp",{lines:1,class:"stzh-tag__label",ref:t=>this.text=t},this.label?this.label:e("slot",null)))}render(){const t={"stzh-tag":true,"stzh-tag--is-disabled":this.disabled,[`stzh-tag--size-${this.size}`]:!!this.size,[`stzh-tag--${this.type}`]:!!this.type};const s=this.nonInteractive?"div":this.href?"a":"button";return e(i,{key:"07af8ce97ca3053aa3c990892b4d2b389c67bcbb",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"6fadef332246306831ad688677b172fd22998acd",class:t},this.href?e(s,{ref:t=>this.tag=t,class:{"stzh-tag__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner()):e(s,{ref:t=>this.tag=t,class:{"stzh-tag__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))}get element(){return a(this)}};z.style=b;export{l as stzh_breadcrumb,z as stzh_tag};
+//# sourceMappingURL=p-ac2efdad.entry.js.map

package/dist/stzh-components/{p-e81765c0.entry.js → p-af507306.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as e,g as i}from"./p-ef5985a3.js";import{a as r}from"./p-1b0f45c6.js";const a=".sc-stzh-microsite-teaserlist-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-microsite-teaserlist-h,[stzh-hidden].sc-stzh-microsite-teaserlist-h{display:none}.sc-stzh-microsite-teaserlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::before,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::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-microsite-teaserlist-h .has-focus.sc-stzh-microsite-teaserlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist{outline-style:none !important}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist::-moz-focus-inner{border:0 !important}.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-large);display:grid}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{justify-content:center}}";const h=a;const o=class{constructor(s){t(this,s);this._tags=[];this._tagChips=[];this._filteredItems=[];this._filteredSlicedItems=[];this._showMoreLink=false;this.handleChange=t=>{this.showItems=this._initialShowItems;this.activeFilter=typeof t.detail.value==="string"?t.detail.value:t.detail.value[0]||""};this.handleMoreClick=()=>{this.showItems=this.showItems+this.stepItems};this.localization=undefined;this.api=undefined;this.tags=[];this.showItems=6;this.stepItems=6;this.activeFilter="";this.items=[]}async filterHandler(){this._filteredItems=this.items.filter((t=>this.activeFilter!==""?t.tags.some((t=>this.activeFilter===t)):true));this._filteredSlicedItems=this._filteredItems.slice(0,this.showItems);this._showMoreLink=this.showItems<this._filteredItems.length}async tagsWatcher(){if(typeof this.tags==="string"){this._tags=JSON.parse(this.tags)}else{this._tags=this.tags}this._tagChips=this._tags.map((t=>({label:t.name,value:t.id,variant:"filter",size:"large",counter:(t.id?this.items.filter((s=>s.tags.indexOf(t.id)>-1)).length:this.items.length).toString()})))}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);const{data:e}=await r.get(s);this.items=e.items;this.showItems=this._initialShowItems}async componentWillLoad(){this._initialShowItems=this.showItems;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"microsite-teaserlist")}await this.apiWatcher(this.api)}render(){const t={"stzh-microsite-teaserlist":true};return s(e,{key:"f4cb4b2af4f18ce915863e98bc3d1c6058368b16"},s("div",{key:"642460976920e1bd3d5b873879e968e28d48f1a1",class:t},this._tagChips.length>0&&s("stzh-chipselect",{key:"65c625326f013d305abe0d2f2283f21f69f9e576","hide-optional":true,"label-hidden":true,class:"stzh-microsite-teaserlist__filter",label:this.localization.tagsLabel,data:this._tagChips,onStzhChange:this.handleChange}),s("stzh-cardlist",{key:"aeaa9d1b22661eb0b4a9e85292bf4641f4876ff1",layout:"teasers"},this._filteredSlicedItems.map((t=>s("stzh-card",{href:t.link},t.image&&s("stzh-ratio",{slot:"image"},s("img",{src:t.image})),t.title&&s("div",{slot:"heading"},t.title),t.description&&s("div",{slot:"content"},t.description))))),this._showMoreLink&&s("div",{key:"804a6860be963cb37aedd657de50344215ae628c",class:"stzh-microsite-teaserlist__show-more"},s("stzh-button",{key:"6e267bd87130a0cbe129987c6acbc9912ea6e1e2",variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick}))))}get element(){return i(this)}static get watchers(){return{items:["filterHandler","tagsWatcher"],showItems:["filterHandler"],activeFilter:["filterHandler"],tags:["tagsWatcher"],api:["apiWatcher"]}}};o.style=h;export{o as stzh_microsite_teaserlist};
-//# sourceMappingURL=p-e81765c0.entry.js.map
+import{r as t,h as s,a as e,g as i}from"./p-ef5985a3.js";import{a as r}from"./p-1b0f45c6.js";const a=".sc-stzh-microsite-teaserlist-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-microsite-teaserlist-h,[stzh-hidden].sc-stzh-microsite-teaserlist-h{display:none}.sc-stzh-microsite-teaserlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::before,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::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-microsite-teaserlist-h .has-focus.sc-stzh-microsite-teaserlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist{outline-style:none !important}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist::-moz-focus-inner{border:0 !important}.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-large);display:grid}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{justify-content:center}}";const h=a;const o=class{constructor(s){t(this,s);this._tags=[];this._tagChips=[];this._filteredItems=[];this._filteredSlicedItems=[];this._showMoreLink=false;this.handleChange=t=>{this.showItems=this._initialShowItems;this.activeFilter=typeof t.detail.value==="string"?t.detail.value:t.detail.value[0]||""};this.handleMoreClick=()=>{this.showItems=this.showItems+this.stepItems};this.localization=undefined;this.api=undefined;this.tags=[];this.showItems=6;this.stepItems=6;this.activeFilter="";this.items=[]}async filterHandler(){this._filteredItems=this.items.filter((t=>this.activeFilter!==""?t.tags.some((t=>this.activeFilter===t)):true));this._filteredSlicedItems=this._filteredItems.slice(0,this.showItems);this._showMoreLink=this.showItems<this._filteredItems.length}async tagsWatcher(){if(typeof this.tags==="string"){this._tags=JSON.parse(this.tags)}else{this._tags=this.tags}this._tagChips=this._tags.map((t=>({label:t.name,value:t.id,variant:"filter",size:"large",counter:(t.id?this.items.filter((s=>s.tags.indexOf(t.id)>-1)).length:this.items.length).toString()})))}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);const{data:e}=await r.get(s);this.items=e.items;this.showItems=this._initialShowItems}async componentWillLoad(){this._initialShowItems=this.showItems;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"microsite-teaserlist")}await this.apiWatcher(this.api)}render(){const t={"stzh-microsite-teaserlist":true};return s(e,{key:"ec2aba08293e4def2fe083c311b69cafe005cf5e"},s("div",{key:"23c5a8b3531f274da9936c12a2065a05b1a9a9d6",class:t},this._tagChips.length>0&&s("stzh-chipselect",{key:"f412f5652d8e35311890af7a2368884799f343b6","hide-optional":true,"label-hidden":true,class:"stzh-microsite-teaserlist__filter",label:this.localization.tagsLabel,data:this._tagChips,onStzhChange:this.handleChange}),s("stzh-cardlist",{key:"d37e5b2365691bceba7057cdeb887da7a9591023",layout:"teasers"},this._filteredSlicedItems.map((t=>s("stzh-card",{href:t.link},t.image&&s("stzh-ratio",{slot:"image"},s("img",{src:t.image})),t.title&&s("div",{slot:"heading"},t.title),t.description&&s("div",{slot:"content"},t.description))))),this._showMoreLink&&s("div",{key:"d4750ffd84717554e076c0ba714d1e412b20fc8f",class:"stzh-microsite-teaserlist__show-more"},s("stzh-button",{key:"904301155d9c16631933eedfbe189602b65520bb",variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick}))))}get element(){return i(this)}static get watchers(){return{items:["filterHandler","tagsWatcher"],showItems:["filterHandler"],activeFilter:["filterHandler"],tags:["tagsWatcher"],api:["apiWatcher"]}}};o.style=h;export{o as stzh_microsite_teaserlist};
+//# sourceMappingURL=p-af507306.entry.js.map

package/dist/stzh-components/{p-3642d44b.entry.js → p-bd11c719.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,f as a,a as i,g as s}from"./p-ef5985a3.js";import{h as n,s as m}from"./p-09b5eb01.js";import"./p-dae15605.js";const r=':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{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-textandimage-grid-template-areas,\n    "text text text text" "image image image image"\n  );--grid-template-columns:var(\n    --stzh-textandimage-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas-image-left,\n      "image image image image text text text text"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text image image image"\n    )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "image image image text text text text text"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text ." "image image image image"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text . . ."\n        "image image image image image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text text . ."\n        "image image image image image image image image"\n    )}}:host([image-moves]){padding-bottom:var(--stzh-space-xxxlarge)}:host([image-moves]) .stzh-textandimage__right{display:flex;justify-content:center}@media screen and (max-width: 899px){:host([image-moves]){--row-gap:0px}:host([image-moves]) .stzh-textandimage__right{justify-content:left}}@media screen and (min-width: 900px){:host([image-moves]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([image-moves][short-text]){--row-gap:0px}:host([image-moves][short-text]) .stzh-textandimage__right{justify-content:left}@media screen and (min-width: 900px){:host([image-moves][short-text]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text" "image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves][short-text]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text" "image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n    --stzh-textandimage-single-grid-template-areas,\n    "text text text text"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text ."\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text text text text . ."\n    )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}';const g=r;const d=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=this.element.querySelectorAll('[slot="left"] stzh-vspace stzh-richtext');const i=this.element.querySelectorAll('[slot="right"] stzh-figure');const s=n(this.element,"left");const r=n(this.element,"right");if(this.size==="large"||!(s&&r)){t.forEach((t=>{m(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{m(t,{variant:"single"})}));if(this.imageMoves){if(a.length>0&&i.length>0){const t=a[0].clientHeight<i[0].clientHeight/3;this.element.toggleAttribute("short-text",t)}}};this.size="default";this.imagePosition="right";this.imageMoves=false}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()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const m=!(t&&s);const r={"stzh-textandimage":true,"stzh-textandimage--is-single-left":m&&t,"stzh-textandimage--is-single-right":m&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size,[`stzh-textandimage--image-position-${this.imagePosition}`]:!!this.imagePosition};return e(i,{key:"da5245f63bef5f145a8efc6c04078d118d82df54",single:m,"image-position":this.imagePosition},e("div",{key:"ff3ef7e367b3f135b61250e2fa12e5939446cf84",class:r},e("div",{key:"54398fb23191ddf84c5aa58aed8fbe914f0c5f67",class:"stzh-textandimage__left"},e("slot",{key:"19733c8c9dc4c77b7d9b484f3453e6e6d9f111b1",name:"left",onSlotchange:()=>a(this.element)})),e("div",{key:"a990221bcd6226f5b02b2539fd6fcde927b1da7c",class:"stzh-textandimage__right"},e("slot",{key:"f165094401abd11b10b9250854b54aa4a0147962",name:"right",onSlotchange:()=>a(this.element)}))))}get element(){return s(this)}};d.style=g;export{d as stzh_textandimage};
-//# sourceMappingURL=p-3642d44b.entry.js.map
+import{r as t,h as e,f as a,a as i,g as s}from"./p-ef5985a3.js";import{h as n,s as m}from"./p-09b5eb01.js";import"./p-dae15605.js";const r=':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{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-textandimage-grid-template-areas,\n    "text text text text" "image image image image"\n  );--grid-template-columns:var(\n    --stzh-textandimage-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas-image-left,\n      "image image image image text text text text"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text image image image"\n    )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "image image image text text text text text"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text ." "image image image image"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text . . ."\n        "image image image image image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text text . ."\n        "image image image image image image image image"\n    )}}:host([image-moves]){padding-bottom:var(--stzh-space-xxxlarge)}:host([image-moves]) .stzh-textandimage__right{display:flex;justify-content:center}@media screen and (max-width: 899px){:host([image-moves]){--row-gap:0px}:host([image-moves]) .stzh-textandimage__right{justify-content:left}}@media screen and (min-width: 900px){:host([image-moves]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([image-moves][short-text]){--row-gap:0px}:host([image-moves][short-text]) .stzh-textandimage__right{justify-content:left}@media screen and (min-width: 900px){:host([image-moves][short-text]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text" "image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves][short-text]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text" "image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n    --stzh-textandimage-single-grid-template-areas,\n    "text text text text"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text ."\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text text text text . ."\n    )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}';const g=r;const d=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=this.element.querySelectorAll('[slot="left"] stzh-vspace stzh-richtext');const i=this.element.querySelectorAll('[slot="right"] stzh-figure');const s=n(this.element,"left");const r=n(this.element,"right");if(this.size==="large"||!(s&&r)){t.forEach((t=>{m(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{m(t,{variant:"single"})}));if(this.imageMoves){if(a.length>0&&i.length>0){const t=a[0].clientHeight<i[0].clientHeight/3;this.element.toggleAttribute("short-text",t)}}};this.size="default";this.imagePosition="right";this.imageMoves=false}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()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const m=!(t&&s);const r={"stzh-textandimage":true,"stzh-textandimage--is-single-left":m&&t,"stzh-textandimage--is-single-right":m&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size,[`stzh-textandimage--image-position-${this.imagePosition}`]:!!this.imagePosition};return e(i,{key:"1b09a02916e3182c6585c839f047ed8e2ba30cfc",single:m,"image-position":this.imagePosition},e("div",{key:"ab8cf21829fd56178e939908dd4cc1951eee44f1",class:r},e("div",{key:"e847d7cee6e90da8d6b8ba1d4293317df5ffbc78",class:"stzh-textandimage__left"},e("slot",{key:"bec590c26f9604a1d457b491acd995b8d2d0681a",name:"left",onSlotchange:()=>a(this.element)})),e("div",{key:"28f051c63fd89b02b6ed43886798159fa3ea0b6a",class:"stzh-textandimage__right"},e("slot",{key:"fc037a34b1e2751f18871ea0782c6909a45170e1",name:"right",onSlotchange:()=>a(this.element)}))))}get element(){return s(this)}};d.style=g;export{d as stzh_textandimage};
+//# sourceMappingURL=p-bd11c719.entry.js.map