@oiz/stzh-components 4.12.1 → 4.13.0-beta1

package/dist/stzh-components/{p-93afea50.entry.js → p-07a3f13b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as s,a as i,d as e}from"./p-Qb46gVIp.js";import{c as h,a as r,A as l,o as a,f as c,s as n,b as p}from"./p-DzjuI2eY.js";import{c as d}from"./p-CBUfcdIy.js";import{i as z}from"./p--MYN2wgX.js";import{w as f}from"./p--SdF31O7.js";import{s as u,a as b}from"./p-BOO84wnP.js";import"./p-BubviQku.js";const m=()=>`.sc-stzh-tooltip-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-tooltip-h,[stzh-hidden].sc-stzh-tooltip-h{display:none}.sc-stzh-tooltip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-tooltip-h *.sc-stzh-tooltip,.sc-stzh-tooltip-h *.sc-stzh-tooltip::before,.sc-stzh-tooltip-h *.sc-stzh-tooltip::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-tooltip-h .has-focus.sc-stzh-tooltip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-tooltip-h .stzh-fylingfocus-focused.sc-stzh-tooltip{outline-style:none !important}.sc-stzh-tooltip-h .stzh-fylingfocus-focused.sc-stzh-tooltip::-moz-focus-inner{border:0 !important}.sc-stzh-tooltip-h{display:contents;--color:var(--stzh-tooltip-color, var(--stzh-color-white));--background-color:var(--stzh-tooltip-background-color, var(--stzh-color-coolgrey60));--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-tooltip-padding);--border-radius:var(--stzh-tooltip-border-radius);--link-color:var(--stzh-tooltip-link-color, var(--stzh-color-white));--hover-link-color:var(--stzh-tooltip-hover-link-color, var(--stzh-color-white70op))}[size=small].sc-stzh-tooltip-h{--padding:var(--stzh-tooltip-small-padding)}[type=button].sc-stzh-tooltip-h{--color:var(--stzh-color-midnightblue70);--background-color:var(--stzh-color-coolgrey10);--link-color:var(--stzh-color-midnightblue70);--hover-link-color:var(--stzh-color-midnightblue80)}.stzh-tooltip__arrow.sc-stzh-tooltip{position:absolute;display:flex;color:var(--background-color)}.stzh-tooltip--placement-bottom.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{top:0;transform:translateY(-0.5rem)}.stzh-tooltip--placement-top.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-tooltip--placement-left.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-tooltip--placement-right.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-tooltip.sc-stzh-tooltip{display:contents}.stzh-tooltip__trigger.sc-stzh-tooltip{display:contents}.stzh-tooltip__content.sc-stzh-tooltip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-tooltip__content.sc-stzh-tooltip{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}.stzh-tooltip__content.sc-stzh-tooltip{position:absolute;z-index:var(--stzh-z-index-popover);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--color);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);display:flex;flex-direction:row-reverse;--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media (forced-colors: active){.stzh-tooltip__content.sc-stzh-tooltip::after{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:block;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-tooltip__content-slot.sc-stzh-tooltip{padding:var(--padding)}.stzh-tooltip__close.sc-stzh-tooltip{cursor:pointer;appearance:none;font-family:inherit;border:0.125rem solid transparent;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 (forced-colors: active){.stzh-tooltip__close.sc-stzh-tooltip{color:ButtonText;border-color:ButtonBorder;background-color:ButtonFace}.stzh-tooltip__close.sc-stzh-tooltip:hover{color:HighlightText;border-color:Highlight;background-color:Highlight}}.stzh-tooltip__close.sc-stzh-tooltip{z-index:1}.stzh-tooltip__icon.sc-stzh-tooltip{--size:var(--stzh-icon-size-small)}.stzh-tooltip__vhidden.sc-stzh-tooltip{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;const v={keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:100,easing:"linear"}};const g={keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:200,easing:"linear"}};const y={ESC:27};let _=0;const k=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.label="";this.content="";this.placement="bottom";this.strategy="absolute";this.type="overlay";this.size="default";this.skidding=0;this.distance=12;this.interactive=false;this.trigger="hover focus";this.toggledByMethod=false;this.isHovering=false;this.onEscKey=t=>{if(t.keyCode===y.ESC){this.hide()}};this.computePosition=async()=>{if(!this.open){return}const{x:t=0,y:o=0,strategy:s="absolute",placement:i,middlewareData:e}=await h(this.triggerFirstElement,this.contentElement,{strategy:this.strategy,placement:this.placement,middleware:[a({mainAxis:this.distance,crossAxis:this.skidding}),c({padding:5}),n({padding:5}),p({element:this.arrowElement,padding:5})]});this.middlewareData=e;this.computedPlacement=i;Object.assign(this.contentElement.style,{position:s,left:`${t}px`,top:`${o}px`});Object.assign(this.arrowElement.style,{left:t!=null?`${e.arrow.x}px`:"",top:o!=null?`${e.arrow.y}px`:""})};this.onClickTrigger=()=>{if(this.hasTrigger("click")){this.toggle()}};this.onMouseEnterTrigger=()=>{if(this.hasTrigger("hover")){this.isHovering=true;this.show()}};this.onMouseLeaveTrigger=()=>{if(this.hasTrigger("hover")){this.isHovering=false;document.addEventListener("mousemove",this.onMouseMoveDocument)}};this.onFocusTrigger=()=>{if(this.hasTrigger("focus")){this.show()}};this.onBlurTrigger=()=>{if(this.hasTrigger("focus")){this.hide()}};this.onMouseMoveDocument=t=>{const{clientX:o,clientY:s}=t;if(!this.computedPlacement){return true}const i=this.computedPlacement.split("-")[0];const e=this.middlewareData.offset;const h=this.contentElement.getBoundingClientRect();if(!e){return true}const r=i==="bottom"?e.y:0;const l=i==="top"?e.y:0;const a=i==="right"?e.x:0;const c=i==="left"?e.x:0;const n=h.top-s>r;const p=s-h.bottom>l;const d=h.left-o>a;const z=o-h.right>c;if(n||p||d||z){document.removeEventListener("mousemove",this.onMouseMoveDocument);if(!this.isHovering){this.hide()}}};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);o.addEventListener("mouseenter",this.onMouseEnterTrigger);o.addEventListener("mouseleave",this.onMouseLeaveTrigger);o.addEventListener("focusin",this.onFocusTrigger);o.addEventListener("focusout",this.onBlurTrigger)}};this.initializedTooltip=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return f(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return f(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}async openWatcher(t){if(!this.contentElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-tooltip"})}await u(this.contentElement);this.contentElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentElement.hidden=false;await b(this.contentElement,v.keyframes,v.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-tooltip"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-tooltip"})}await u(this.contentElement);await b(this.contentElement,g.keyframes,g.options);this.contentElement.hidden=true;this.contentElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-tooltip"})}}this.toggledByMethod=false}triggerWatcher(t){this._trigger=t.split(" ")}handleDocumentClick(t){if(!this.open){return}const o=t.target!==this.contentElement&&this.contentElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s&&this.hasTrigger("click")){this.hide()}}hasTrigger(t){return this._trigger.indexOf(t)>-1}async componentWillLoad(){this.id=`stzh-tooltip-${_++}`;this.triggerWatcher(this.trigger);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"tooltip")}}componentDidRender(){const t=z(this.triggerFirstElement);if(this.hasTrigger("click")){this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false");if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label")){this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id")){this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}}else{if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-content`)}}if(this.trap){this.open?this.trap.activate():this.trap.deactivate()}}componentDidUpdate(){if(this.open&&!this.initializedTooltip){this.initializeAutoUpdate();this.initializeFocusTrap();this.initializedTooltip=true}if(this.initializedTooltip){this.computePosition();if(this.trap){this.trap.updateContainerElements(this.contentElement)}}}initializeAutoUpdate(){this.autoUpdateCleanup=r(this.element,this.contentElement,this.computePosition)}initializeFocusTrap(){if(this.interactive){this.trap=d(this.contentElement,{fallbackFocus:this.contentElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}}componentDidLoad(){this.contentElement.hidden=!this.open;if(this.open&&this.trap){this.trap.activate()}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerFirstElement){this.triggerFirstElement.removeEventListener("click",this.onClickTrigger);this.triggerFirstElement.removeEventListener("mouseenter",this.onMouseEnterTrigger);this.triggerFirstElement.removeEventListener("mouseleave",this.onMouseLeaveTrigger);this.triggerFirstElement.removeEventListener("focusin",this.onFocusTrigger);this.triggerFirstElement.removeEventListener("focusout",this.onBlurTrigger)}}render(){const t={"stzh-tooltip":true,[`stzh-tooltip--type-${this.type}`]:true,[`stzh-tooltip--open`]:this.open,[`stzh-tooltip--placement-${this.computedPlacement}`]:!!this.computedPlacement};return s(i,{key:"012724e0503ec288ed26ab0349f47a38ef0b3096"},s("div",{key:"ab00cbc1925024146dd787aaa458ab9bc61983f7",class:t},s("div",{key:"b6ce70a7bcb38321c0f80eadce119575765e1ae0",class:"stzh-tooltip__trigger",ref:t=>this.triggerElement=t},s("slot",{key:"86aa4451718894fb07b2dad52f6ec88fc65a79fa"})),this.hasTrigger("click")&&s("div",{key:"612541e156677d64cfaf6b93e759661e0d8b43bf",class:"stzh-tooltip__vhidden",id:`${this.id}-trigger-description`},this.localization.open),s("div",{key:"a9d13f17857a6df369de8e47db1d444f3f832f5e",class:"stzh-tooltip__content",id:`${this.id}-content`,ref:t=>this.contentElement=t,tabindex:"-1","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.onEscKey,onMouseEnter:this.onMouseEnterTrigger,onMouseLeave:this.onMouseLeaveTrigger,onFocusin:this.onFocusTrigger,onFocusout:this.onBlurTrigger},s("div",{key:"3d923d9a940924c993103736747aef80402a066d",class:"stzh-tooltip__arrow",ref:t=>this.arrowElement=t,innerHTML:l}),this.label&&s("h2",{key:"471200d61c43b6642b27f4b9a57f1d2dff4ff5c5",id:`${this.id}-label`,class:"stzh-tooltip__vhidden"},this.label),this.hasTrigger("click")&&s("button",{key:"10dd80e0915a3251702d59079420a910c2a4e40d",class:"stzh-tooltip__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"2cc3012f1c6e840b835b11e09ce0eaea05e8e951",name:"close",class:"stzh-tooltip__icon"}),s("span",{key:"33314393adb510ea664a3b71cdc91cea01a4a8fe",class:"stzh-tooltip__vhidden"},this.localization.close)),s("stzh-text",Object.assign({key:"d4162f0c66217ee9ea960a6b456aabbd2a0736f4",curve:this.type==="overlay"?"none":"caption"},this.type==="button"?{font:"heavy"}:{},{class:"stzh-tooltip__content-slot"}),this.content?this.content:s("slot",{name:"content"})))))}get element(){return e(this)}static get watchers(){return{open:["openWatcher"],trigger:["triggerWatcher"]}}};k.style=m();export{k as stzh_tooltip};
-//# sourceMappingURL=p-93afea50.entry.js.map
+import{r as t,c as o,h as s,a as i,d as e}from"./p-Cd_ra_Ay.js";import{c as h,a as r,A as l,o as a,f as c,s as n,b as p}from"./p-DzjuI2eY.js";import{c as d}from"./p-CBUfcdIy.js";import{i as z}from"./p-DhuTERdU.js";import{w as f}from"./p--SdF31O7.js";import{s as b,a as u}from"./p-BOO84wnP.js";import"./p-BubviQku.js";const m=()=>`.sc-stzh-tooltip-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-tooltip-h,[stzh-hidden].sc-stzh-tooltip-h{display:none}.sc-stzh-tooltip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-tooltip-h *.sc-stzh-tooltip,.sc-stzh-tooltip-h *.sc-stzh-tooltip::before,.sc-stzh-tooltip-h *.sc-stzh-tooltip::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-tooltip-h .has-focus.sc-stzh-tooltip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-tooltip-h .stzh-fylingfocus-focused.sc-stzh-tooltip{outline-style:none !important}.sc-stzh-tooltip-h .stzh-fylingfocus-focused.sc-stzh-tooltip::-moz-focus-inner{border:0 !important}.sc-stzh-tooltip-h{display:contents;--color:var(--stzh-tooltip-color, var(--stzh-color-white));--background-color:var(--stzh-tooltip-background-color, var(--stzh-color-coolgrey60));--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-tooltip-padding);--border-radius:var(--stzh-tooltip-border-radius);--link-color:var(--stzh-tooltip-link-color, var(--stzh-color-white));--hover-link-color:var(--stzh-tooltip-hover-link-color, var(--stzh-color-white70op))}[size=small].sc-stzh-tooltip-h{--padding:var(--stzh-tooltip-small-padding)}[type=button].sc-stzh-tooltip-h{--color:var(--stzh-color-midnightblue70);--background-color:var(--stzh-color-coolgrey10);--link-color:var(--stzh-color-midnightblue70);--hover-link-color:var(--stzh-color-midnightblue80)}.stzh-tooltip__arrow.sc-stzh-tooltip{position:absolute;display:flex;color:var(--background-color)}.stzh-tooltip--placement-bottom.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{top:0;transform:translateY(-0.5rem)}.stzh-tooltip--placement-top.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-tooltip--placement-left.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-tooltip--placement-right.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-tooltip.sc-stzh-tooltip{display:contents}.stzh-tooltip__trigger.sc-stzh-tooltip{display:contents}.stzh-tooltip__content.sc-stzh-tooltip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-tooltip__content.sc-stzh-tooltip{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}.stzh-tooltip__content.sc-stzh-tooltip{position:absolute;z-index:var(--stzh-z-index-popover);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--color);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);display:flex;flex-direction:row-reverse;--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media (forced-colors: active){.stzh-tooltip__content.sc-stzh-tooltip::after{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:block;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-tooltip__content-slot.sc-stzh-tooltip{padding:var(--padding)}.stzh-tooltip__close.sc-stzh-tooltip{cursor:pointer;appearance:none;font-family:inherit;border:0.125rem solid transparent;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 (forced-colors: active){.stzh-tooltip__close.sc-stzh-tooltip{color:ButtonText;border-color:ButtonBorder;background-color:ButtonFace}.stzh-tooltip__close.sc-stzh-tooltip:hover{color:HighlightText;border-color:Highlight;background-color:Highlight}}.stzh-tooltip__close.sc-stzh-tooltip{z-index:1}.stzh-tooltip__icon.sc-stzh-tooltip{--size:var(--stzh-icon-size-small)}.stzh-tooltip__vhidden.sc-stzh-tooltip{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;const v={keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:100,easing:"linear"}};const g={keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:200,easing:"linear"}};const y={ESC:27};let _=0;const k=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.label="";this.content="";this.placement="bottom";this.strategy="absolute";this.type="overlay";this.size="default";this.skidding=0;this.distance=12;this.interactive=false;this.trigger="hover focus";this.toggledByMethod=false;this.isHovering=false;this.onEscKey=t=>{if(t.keyCode===y.ESC){this.hide()}};this.computePosition=async()=>{if(!this.open){return}const{x:t=0,y:o=0,strategy:s="absolute",placement:i,middlewareData:e}=await h(this.triggerFirstElement,this.contentElement,{strategy:this.strategy,placement:this.placement,middleware:[a({mainAxis:this.distance,crossAxis:this.skidding}),c({padding:5}),n({padding:5}),p({element:this.arrowElement,padding:5})]});this.middlewareData=e;this.computedPlacement=i;Object.assign(this.contentElement.style,{position:s,left:`${t}px`,top:`${o}px`});Object.assign(this.arrowElement.style,{left:t!=null?`${e.arrow.x}px`:"",top:o!=null?`${e.arrow.y}px`:""})};this.onClickTrigger=()=>{if(this.hasTrigger("click")){this.toggle()}};this.onMouseEnterTrigger=()=>{if(this.hasTrigger("hover")){this.isHovering=true;this.show()}};this.onMouseLeaveTrigger=()=>{if(this.hasTrigger("hover")){this.isHovering=false;document.addEventListener("mousemove",this.onMouseMoveDocument)}};this.onFocusTrigger=()=>{if(this.hasTrigger("focus")){this.show()}};this.onBlurTrigger=()=>{if(this.hasTrigger("focus")){this.hide()}};this.onMouseMoveDocument=t=>{const{clientX:o,clientY:s}=t;if(!this.computedPlacement){return true}const i=this.computedPlacement.split("-")[0];const e=this.middlewareData.offset;const h=this.contentElement.getBoundingClientRect();if(!e){return true}const r=i==="bottom"?e.y:0;const l=i==="top"?e.y:0;const a=i==="right"?e.x:0;const c=i==="left"?e.x:0;const n=h.top-s>r;const p=s-h.bottom>l;const d=h.left-o>a;const z=o-h.right>c;if(n||p||d||z){document.removeEventListener("mousemove",this.onMouseMoveDocument);if(!this.isHovering){this.hide()}}};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);o.addEventListener("mouseenter",this.onMouseEnterTrigger);o.addEventListener("mouseleave",this.onMouseLeaveTrigger);o.addEventListener("focusin",this.onFocusTrigger);o.addEventListener("focusout",this.onBlurTrigger)}};this.initializedTooltip=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return f(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return f(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}async openWatcher(t){if(!this.contentElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-tooltip"})}await b(this.contentElement);this.contentElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentElement.hidden=false;await u(this.contentElement,v.keyframes,v.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-tooltip"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-tooltip"})}await b(this.contentElement);await u(this.contentElement,g.keyframes,g.options);this.contentElement.hidden=true;this.contentElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-tooltip"})}}this.toggledByMethod=false}triggerWatcher(t){this._trigger=t.split(" ")}handleDocumentClick(t){if(!this.open){return}const o=t.target!==this.contentElement&&this.contentElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s&&this.hasTrigger("click")){this.hide()}}hasTrigger(t){return this._trigger.indexOf(t)>-1}async componentWillLoad(){this.id=`stzh-tooltip-${_++}`;this.triggerWatcher(this.trigger);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"tooltip")}}componentDidRender(){const t=z(this.triggerFirstElement);if(this.hasTrigger("click")){this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false");if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label")){this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id")){this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}}else{if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-content`)}}if(this.trap){this.open?this.trap.activate():this.trap.deactivate()}}componentDidUpdate(){if(this.open&&!this.initializedTooltip){this.initializeAutoUpdate();this.initializeFocusTrap();this.initializedTooltip=true}if(this.initializedTooltip){this.computePosition();if(this.trap){this.trap.updateContainerElements(this.contentElement)}}}initializeAutoUpdate(){this.autoUpdateCleanup=r(this.element,this.contentElement,this.computePosition)}initializeFocusTrap(){if(this.interactive){this.trap=d(this.contentElement,{fallbackFocus:this.contentElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}}componentDidLoad(){this.contentElement.hidden=!this.open;if(this.open&&this.trap){this.trap.activate()}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerFirstElement){this.triggerFirstElement.removeEventListener("click",this.onClickTrigger);this.triggerFirstElement.removeEventListener("mouseenter",this.onMouseEnterTrigger);this.triggerFirstElement.removeEventListener("mouseleave",this.onMouseLeaveTrigger);this.triggerFirstElement.removeEventListener("focusin",this.onFocusTrigger);this.triggerFirstElement.removeEventListener("focusout",this.onBlurTrigger)}}render(){const t={"stzh-tooltip":true,[`stzh-tooltip--type-${this.type}`]:true,[`stzh-tooltip--open`]:this.open,[`stzh-tooltip--placement-${this.computedPlacement}`]:!!this.computedPlacement};return s(i,{key:"87b3ff5681cba66f247a4b9796ba48a60223c8c0"},s("div",{key:"b8fcb9989e3755f8353dc30041c7389677ad2225",class:t},s("div",{key:"0260e279e17a025c41f79ffc259d2fbe7de1ebe5",class:"stzh-tooltip__trigger",ref:t=>this.triggerElement=t},s("slot",{key:"00233d11fa1eed44272ec776346149de8f27c4c3"})),this.hasTrigger("click")&&s("div",{key:"429618291c4e8b8c66febbd2c3db71597ba31b66",class:"stzh-tooltip__vhidden",id:`${this.id}-trigger-description`},this.localization.open),s("div",{key:"56d2565d045be1a7e3ad07eb2b1952c219d091e2",class:"stzh-tooltip__content",id:`${this.id}-content`,ref:t=>this.contentElement=t,tabindex:"-1","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.onEscKey,onMouseEnter:this.onMouseEnterTrigger,onMouseLeave:this.onMouseLeaveTrigger,onFocusin:this.onFocusTrigger,onFocusout:this.onBlurTrigger},s("div",{key:"75ac7b7bd0a0f0b6f3f2a2fd0bc0040cb60ec7ff",class:"stzh-tooltip__arrow",ref:t=>this.arrowElement=t,innerHTML:l}),this.label&&s("h2",{key:"b05fd5efaf3ecbf8e24e1979d98b2300ec2513fb",id:`${this.id}-label`,class:"stzh-tooltip__vhidden"},this.label),this.hasTrigger("click")&&s("button",{key:"5f02d98c98214aebd9a31432ba6c0642e629dfe8",class:"stzh-tooltip__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"d14def3d3ab12425b1f79e811ade0aac375a3e75",name:"close",class:"stzh-tooltip__icon"}),s("span",{key:"76dcdb1cc8619130bb27ebbdbf920f28ead54207",class:"stzh-tooltip__vhidden"},this.localization.close)),s("stzh-text",Object.assign({key:"461c81d1322994587db85962ba41b280b796fa5d",curve:this.type==="overlay"?"none":"caption"},this.type==="button"?{font:"heavy"}:{},{class:"stzh-tooltip__content-slot"}),this.content?this.content:s("slot",{name:"content"})))))}get element(){return e(this)}static get watchers(){return{open:["openWatcher"],trigger:["triggerWatcher"]}}};k.style=m();export{k as stzh_tooltip};
+//# sourceMappingURL=p-07a3f13b.entry.js.map

package/dist/stzh-components/{p-7f6e2c50.entry.js → p-07f01850.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,F as e,a as h,d as a}from"./p-Qb46gVIp.js";const c=()=>`.sc-stzh-archivelist-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-archivelist-h,[stzh-hidden].sc-stzh-archivelist-h{display:none}.sc-stzh-archivelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-archivelist-h *.sc-stzh-archivelist,.sc-stzh-archivelist-h *.sc-stzh-archivelist::before,.sc-stzh-archivelist-h *.sc-stzh-archivelist::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-archivelist-h .has-focus.sc-stzh-archivelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist{outline-style:none !important}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist::-moz-focus-inner{border:0 !important}.stzh-archivelist__list.sc-stzh-archivelist{display:grid;gap:var(--stzh-space-medium)}.stzh-archivelist__item.sc-stzh-archivelist{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);background-color:var(--stzh-color-grey10);color:var(--stzh-color-grey80);text-decoration:none;padding:var(--stzh-space-large);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-archivelist__item.sc-stzh-archivelist:hover{background-color:var(--stzh-color-secondary10)}.stzh-archivelist__dateline.sc-stzh-archivelist{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);margin-bottom:var(--stzh-space-medium)}.stzh-archivelist__label.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line)}.stzh-archivelist__description.sc-stzh-archivelist{margin-top:var(--stzh-space-xsmall)}.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxxlarge)}}.stzh-archivelist__actions.sc-stzh-archivelist{display:flex;justify-content:center}.stzh-archivelist__heading.sc-stzh-archivelist{margin-bottom:var(--stzh-space-medium)}`;const r=class{constructor(i){t(this,i);this.stzhItemClick=s(this,"stzhItemClick");this.showItems=9;this.stepItems=9;this.heading="";this.headingLevel="3";this.items=[];this._showMoreLink=false;this.handleMoreClick=()=>{this.showItems=this.stepItems+this.showItems}}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}this.showItemsWatcher(this._initialShowItems)}showItemsWatcher(t){this._itemsShown=this._items.slice(0,t);this._showMoreLink=t<this._items.length}handleClick(t,s){this.stzhItemClick.emit({component:"stzh-archivelist",item:t,originalEvent:s})}async componentWillLoad(){this._initialShowItems=this.showItems;this.itemsWatcher(this.items);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"archivelist")}}render(){const t={"stzh-archivelist":true};return i(h,{key:"61607528a9984a17478e6e457c031ed6c65d9ae6"},i("div",{key:"36fb1fdfce3e2a9fa9cec0d0701bbd1f3aaad792",class:t},this.heading&&i("stzh-heading",{key:"49dd7c002c7ca57fdeafc54bd3db64488aa94ef2",level:this.headingLevel,class:"stzh-archivelist__heading"},this.heading),i("div",{key:"a22b95f130e4b3911a29720351561680bb1138c4",class:"stzh-archivelist__list",role:"list"},this._itemsShown.map((t=>i("a",{class:"stzh-archivelist__item",role:"listitem",href:t.href,onClick:s=>this.handleClick(t,s)},t.dateline&&i("div",{class:"stzh-archivelist__dateline"},t.dateline),t.label&&i("div",{class:"stzh-archivelist__label"},t.labelClamp?i("stzh-clamp",Object.assign({},t.labelClamp),t.label):i(e,null,t.label)),t.description&&i("div",{class:"stzh-archivelist__description"},t.descriptionClamp?i("stzh-clamp",Object.assign({},t.descriptionClamp),t.description):i(e,null,t.description)))))),this._showMoreLink&&i("div",{key:"8cbc2fe8c8bb153a49cc28e2c954ca8812480879",class:"stzh-archivelist__actions"},i("stzh-button",{key:"7cd303cc721f7b1f7c22074fb02b039156fc879c",variant:"secondary",size:"small",sizeMedium:"default",label:this.localization.showMore,onClick:this.handleMoreClick}))))}get element(){return a(this)}static get watchers(){return{items:["itemsWatcher"],showItems:["showItemsWatcher"]}}};r.style=c();export{r as stzh_archivelist};
-//# sourceMappingURL=p-7f6e2c50.entry.js.map
+import{r as t,c as s,h as i,F as e,a as h,d as a}from"./p-Cd_ra_Ay.js";const c=()=>`.sc-stzh-archivelist-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-archivelist-h,[stzh-hidden].sc-stzh-archivelist-h{display:none}.sc-stzh-archivelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-archivelist-h *.sc-stzh-archivelist,.sc-stzh-archivelist-h *.sc-stzh-archivelist::before,.sc-stzh-archivelist-h *.sc-stzh-archivelist::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-archivelist-h .has-focus.sc-stzh-archivelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist{outline-style:none !important}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist::-moz-focus-inner{border:0 !important}.stzh-archivelist__list.sc-stzh-archivelist{display:grid;gap:var(--stzh-space-medium)}.stzh-archivelist__item.sc-stzh-archivelist{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);background-color:var(--stzh-color-grey10);color:var(--stzh-color-grey80);text-decoration:none;padding:var(--stzh-space-large);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-archivelist__item.sc-stzh-archivelist:hover{background-color:var(--stzh-color-secondary10)}.stzh-archivelist__dateline.sc-stzh-archivelist{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);margin-bottom:var(--stzh-space-medium)}.stzh-archivelist__label.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line)}.stzh-archivelist__description.sc-stzh-archivelist{margin-top:var(--stzh-space-xsmall)}.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxxlarge)}}.stzh-archivelist__actions.sc-stzh-archivelist{display:flex;justify-content:center}.stzh-archivelist__heading.sc-stzh-archivelist{margin-bottom:var(--stzh-space-medium)}`;const r=class{constructor(i){t(this,i);this.stzhItemClick=s(this,"stzhItemClick");this.showItems=9;this.stepItems=9;this.heading="";this.headingLevel="3";this.items=[];this._showMoreLink=false;this.handleMoreClick=()=>{this.showItems=this.stepItems+this.showItems}}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}this.showItemsWatcher(this._initialShowItems)}showItemsWatcher(t){this._itemsShown=this._items.slice(0,t);this._showMoreLink=t<this._items.length}handleClick(t,s){this.stzhItemClick.emit({component:"stzh-archivelist",item:t,originalEvent:s})}async componentWillLoad(){this._initialShowItems=this.showItems;this.itemsWatcher(this.items);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"archivelist")}}render(){const t={"stzh-archivelist":true};return i(h,{key:"61607528a9984a17478e6e457c031ed6c65d9ae6"},i("div",{key:"36fb1fdfce3e2a9fa9cec0d0701bbd1f3aaad792",class:t},this.heading&&i("stzh-heading",{key:"49dd7c002c7ca57fdeafc54bd3db64488aa94ef2",level:this.headingLevel,class:"stzh-archivelist__heading"},this.heading),i("div",{key:"a22b95f130e4b3911a29720351561680bb1138c4",class:"stzh-archivelist__list",role:"list"},this._itemsShown.map((t=>i("a",{class:"stzh-archivelist__item",role:"listitem",href:t.href,onClick:s=>this.handleClick(t,s)},t.dateline&&i("div",{class:"stzh-archivelist__dateline"},t.dateline),t.label&&i("div",{class:"stzh-archivelist__label"},t.labelClamp?i("stzh-clamp",Object.assign({},t.labelClamp),t.label):i(e,null,t.label)),t.description&&i("div",{class:"stzh-archivelist__description"},t.descriptionClamp?i("stzh-clamp",Object.assign({},t.descriptionClamp),t.description):i(e,null,t.description)))))),this._showMoreLink&&i("div",{key:"8cbc2fe8c8bb153a49cc28e2c954ca8812480879",class:"stzh-archivelist__actions"},i("stzh-button",{key:"7cd303cc721f7b1f7c22074fb02b039156fc879c",variant:"secondary",size:"small",sizeMedium:"default",label:this.localization.showMore,onClick:this.handleMoreClick}))))}get element(){return a(this)}static get watchers(){return{items:["itemsWatcher"],showItems:["showItemsWatcher"]}}};r.style=c();export{r as stzh_archivelist};
+//# sourceMappingURL=p-07f01850.entry.js.map

package/dist/stzh-components/{p-64b3d4c2.entry.js → p-094f446c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a,d as e,F as l}from"./p-Qb46gVIp.js";import{m as h,a as d,r as n}from"./p-CUGRmgip.js";import{e as r}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const o=()=>`.sc-stzh-datalist-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-datalist-h,[stzh-hidden].sc-stzh-datalist-h{display:none}.sc-stzh-datalist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::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-datalist-h .has-focus.sc-stzh-datalist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datalist-h .stzh-fylingfocus-focused.sc-stzh-datalist{outline-style:none !important}.sc-stzh-datalist-h .stzh-fylingfocus-focused.sc-stzh-datalist::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-h{--columns:1;--columns-gap:var(--stzh-grid-gutter);--list-display:grid;--list-margin-right:calc(var(--columns-gap) / -1);--list-grid-template-columns:repeat(\n    var(--columns),\n    auto minmax(auto, 1fr) auto var(--columns-gap)\n  );--full-grid-column:1 / 5;--nested-margin-left:var(--stzh-datalist-nested-margin-left, 0px);--details-content-width:var(--stzh-datalist-details-content-width, 100%);--grid-template-areas:var(\n    --stzh-datalist-grid-template-areas,\n    "list list list list"\n  );--grid-template-columns:var(\n    --stzh-datalist-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  );margin-left:var(--nested-margin-left)}@media screen and (min-width: 600px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-small);--grid-template-areas:var(\n      --stzh-datalist-grid-template-areas,\n      "list list list list"\n    )}}@media screen and (min-width: 900px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-medium);--grid-template-areas:var(\n      --stzh-datalist-grid-template-areas,\n      "list list list list list list list list"\n    );--grid-template-columns:var(\n      --stzh-datalist-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-ultra)}}.sc-stzh-datalist-h.sc-stzh-datalist-s>.layout_column>*:not([class*=cq-]),.sc-stzh-datalist-h .sc-stzh-datalist-s>.layout_column>*:not([class*=cq-]),.sc-stzh-datalist-h.sc-stzh-datalist-s>*:not([class*=cq-]),.sc-stzh-datalist-h .sc-stzh-datalist-s>*:not([class*=cq-]){display:contents}[is-direction=horizontal].sc-stzh-datalist-h{--list-grid-template-columns:repeat(\n    var(--columns),\n    auto minmax(auto, 1fr) auto auto var(--columns-gap)\n  );--full-grid-column:1 / 6}[is-direction=horizontal].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([meta=""]))),[is-direction=horizontal].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([status-label=""]))){--list-grid-template-columns:repeat(\n    var(--columns),\n    auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap)\n  )}[variant=table].sc-stzh-datalist-h{--list-grid-template-columns:repeat(\n    var(--columns),\n    auto auto minmax(auto, 1fr) auto auto var(--columns-gap)\n  );--full-grid-column:1 / 7}[variant=table].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([meta=""]))),[variant=table].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([status-label=""]))){--list-grid-template-columns:repeat(\n    var(--columns),\n    auto auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap)\n  )}[vertical-gap=small].sc-stzh-datalist-h .stzh-datalist__list.sc-stzh-datalist{grid-template-rows:auto}@media screen and (max-width: 899px){[vertical-gap=small].sc-stzh-datalist-h .stzh-datalist__list.sc-stzh-datalist{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){[vertical-gap=small].sc-stzh-datalist-h .stzh-datalist__list.sc-stzh-datalist{row-gap:var(--stzh-space-xxsmall)}}.sc-stzh-datalist-h:has([class*=cq-]){--stzh-datalist-item-wrapper-display:flex;--list-display:block;--list-margin-right:0}.stzh-datalist.sc-stzh-datalist{--stzh-datalist-nested-margin-left:var(--stzh-space-large);--stzh-details-content-grid-column:var(--full-grid-column);--stzh-details-content-padding-right:var(--columns-gap);--stzh-details-content-width:var(--details-content-width);column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-datalist.sc-stzh-datalist{display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}.stzh-datalist__wrapper.sc-stzh-datalist{grid-area:list;overflow:visible}.stzh-datalist__list.sc-stzh-datalist{display:var(--list-display);border-collapse:collapse;grid-template-columns:var(--list-grid-template-columns);align-items:stretch;margin-right:var(--list-margin-right)}.stzh-datalist--has-multiple-columns.sc-stzh-datalist{--stzh-datalist-item-nested-display:none}@media screen and (max-width: 599px){.stzh-datalist--table.stzh-datalist--big-label.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{--list-display:flex;flex-direction:column;gap:var(--stzh-space-xxxsmall)}}`;const c=class{constructor(i){t(this,i);this.stzhVariantChange=s(this,"stzhVariantChange");this.stzhBigLabelChange=s(this,"stzhBigLabelChange");this.stzhDirectionChange=s(this,"stzhDirectionChange");this.variant="default";this.bigLabel=false;this.columns=1;this.direction="vertical";this.verticalGap="default";this.items=[];this._items=[];this.currentColumns=1;this.setCurrentDirection=()=>{if(h("ultra").matches&&this.directionUltra){this.currentDirection=this.directionUltra}else if(h("large").matches&&this.directionLarge){this.currentDirection=this.directionLarge}else if(h("medium").matches&&this.directionMedium){this.currentDirection=this.directionMedium}else if(h("small").matches&&this.directionSmall){this.currentDirection=this.directionSmall}else{this.currentDirection=this.direction}};this.setCurrentColumns=()=>{if(h("ultra").matches&&this.columnsUltra){this.currentColumns=this.columnsUltra}else if(h("large").matches&&this.columnsLarge){this.currentColumns=this.columnsLarge}else if(h("medium").matches&&this.columnsMedium){this.currentColumns=this.columnsMedium}else if(h("small").matches&&this.columnsSmall){this.currentColumns=this.columnsSmall}else{this.currentColumns=this.columns}};this.resizeHandler=()=>{this.setCurrentDirection();this.setCurrentColumns()}}directionWatcher(){this.setCurrentDirection()}columnsWatcher(){this.setCurrentColumns()}currentDirectionWatcher(t){this.stzhDirectionChange.emit({component:"stzh-datalist",value:t})}variantWatcher(t){this.stzhVariantChange.emit({component:"stzh-datalist",value:t})}bigLabelWatcher(t){this.stzhBigLabelChange.emit({component:"stzh-datalist",value:t})}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}}async getCurrentDirection(){return this.currentDirection}async componentWillLoad(){this.itemsWatcher(this.items);this.bigLabelWatcher(this.bigLabel);this.resizeHandler()}connectedCallback(){d(this.resizeHandler)}disconnectedCallback(){n(this.resizeHandler)}render(){const t={"stzh-datalist":true,"stzh-datalist--has-multiple-columns":this.currentColumns>1,"stzh-datalist--big-label":this.bigLabel,[`stzh-datalist--direction-${this.currentDirection}`]:!!this.currentDirection,[`stzh-datalist--${this.variant}`]:!!this.variant,[`stzh-datalist--vertical-gap-${this.verticalGap}`]:!!this.verticalGap};return i(a,{key:"eedf80ac114572c26996fb1d54970f14078c62af","is-direction":this.currentDirection,"vertical-gap":this.verticalGap,style:{"--columns":this.currentColumns?this.currentColumns.toString():null}},i("div",{key:"1ce5a55fd406990708b34ed443f103d999b56599",class:t},i("div",{key:"f686adb2f179b033c63d3e96e5c5c9d8ed1daef0",class:"stzh-datalist__wrapper"},i("div",{key:"ed185494f66ab2dc001c9cce02f73ec7aae8ad80",class:"stzh-datalist__list",role:"list"},this._items.map((t=>i("stzh-datalist-item",Object.assign({},t,{hasNested:!!t.items}),t.items&&t.items.length>0&&i("stzh-datalist",{items:t.items})))),i("slot",{key:"c195766f8813e5301ef0c6f638899cd351434365"})))))}get element(){return e(this)}static get watchers(){return{direction:["directionWatcher"],directionSmall:["directionWatcher"],directionMedium:["directionWatcher"],directionLarge:["directionWatcher"],directionUltra:["directionWatcher"],columns:["columnsWatcher"],columnsSmall:["columnsWatcher"],columnsMedium:["columnsWatcher"],columnsLarge:["columnsWatcher"],columnsUltra:["columnsWatcher"],currentDirection:["currentDirectionWatcher"],variant:["variantWatcher"],bigLabel:["bigLabelWatcher"],items:["itemsWatcher"]}}};c.style=o();const m=()=>`.sc-stzh-datalist-item-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-datalist-item-h,[stzh-hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::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-datalist-item-h .has-focus.sc-stzh-datalist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item{outline-style:none !important}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-item-h{--value-font-family:var(--stzh-font-family-medium);--value-font-weight:var(--stzh-font-weight-medium);--value-color:inherit;--action-display:flex;--leading-icon-color:var(--stzh-color-grey90);--nested-display:var(--stzh-datalist-item-nested-display, block);--wrapper-display:var(--stzh-datalist-item-wrapper-display, contents);--vertical-wrapper-padding:var(\n    --stzh-datalist-item-vertical-wrapper-padding,\n    var(--stzh-space-xsmall)\n  );--text-overflow:clip;--white-space:normal;--overflow:visible;--width:initial;--max-width:initial;display:contents}[href].sc-stzh-datalist-item-h:not([href=""]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--value-color:var(--stzh-link-color);--value-hover-color:var(--stzh-link-hover-color)}.value-truncate.sc-stzh-datalist-item-h{--text-overflow:ellipsis;--white-space:nowrap;--overflow:hidden;--max-width:100%}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none;display:var(--wrapper-display);align-items:center}.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item__nested-inner.sc-stzh-datalist-item{display:var(--nested-display);grid-column:var(--full-grid-column)}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{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-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:1;display:grid}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:flex;text-align:left;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--value-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{flex-grow:1;flex-direction:column;min-width:0}.stzh-datalist-item__value-text.sc-stzh-datalist-item{--color:initial;min-width:0;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-datalist-item__value-text.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__value-text.sc-stzh-datalist-item{font-family:var(--value-font-family);font-weight:var(--value-font-weight);width:auto}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{justify-content:flex-end}.stzh-datalist-item__meta-text.sc-stzh-datalist-item{display:flex;gap:var(--stzh-space-xsmall);color:var(--stzh-color-grey80)}.stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey90)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height)}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item__readspeaker.sc-stzh-datalist-item{width:-moz-fit-content;width:fit-content;--padding-left:0;--padding-right:0}@media (forced-colors: active){.stzh-datalist-item__readspeaker.sc-stzh-datalist-item{--padding-left:calc(var(--stzh-space-xlarge) - var(--border-width));--padding-right:calc(var(--stzh-space-xlarge) - var(--border-width))}}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{color:var(--value-hover-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:inherit}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--vertical-wrapper-padding);padding-bottom:var(--vertical-wrapper-padding)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{flex-direction:column;align-items:flex-start}@media (forced-colors: active){.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__readspeaker.sc-stzh-datalist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:calc(var(--stzh-space-xxsmall) + 0.75rem)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__readspeaker.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-left:var(--stzh-space-medium)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey80)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{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-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{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);color:var(--stzh-color-grey80)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:0;padding-bottom:0}@media screen and (min-width: 600px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}@media screen and (max-width: 599px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:0}}`;let z=0;const u=class{constructor(i){t(this,i);this.stzhItemActionClick=s(this,"stzhItemActionClick");this.stzhClick=s(this,"stzhClick");this.iconPosition="right";this.label="";this.value="";this.valueTruncate=false;this.readspeakerLabel="";this.readspeakerHref="";this.meta="";this._meta=[];this.statusLabel="";this.statusType="default";this.hasNested=false;this.direction="vertical";this.variant="default";this.bigLabel=false;this.external=false;this.isPhone=false;this.onActionClick=t=>{this.stzhItemActionClick.emit({component:"stzh-datalist-item",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-datalist-item",originalEvent:t,href:this.href})};this.handleDirectionChange=t=>{this.direction=t.detail.value};this.handleVariantChange=t=>{this.variant=t.detail.value};this.handleBigLabelChange=t=>{this.bigLabel=t.detail.value}}metaWatcher(t){if(typeof t==="string"){try{this._meta=JSON.parse(t)}catch(s){this._meta=t===""?[]:[t]}}else{this._meta=t}}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}hrefWatcher(){this.isPhone=this.href&&(this.href.startsWith("tel:")||this.href.startsWith("fax:"))}addWordBreakToLinks(){var t;const s=Array.from(((t=this.element)===null||t===void 0?void 0:t.getElementsByClassName("stzh-datalist-item__value-text"))||[]);r(s)}getDefaultActionButtonLabel(){const t=[this.label,this.value].filter(Boolean).join(", ");return t||null}getActionButtonA11yLabel(t){if(this.iconTooltip){return null}if(t&&this.a11yLabel){return this.a11yLabel}return this.iconLabel||this.getDefaultActionButtonLabel()}renderInner(t,s){const a=t?"button":this.href?"a":"div";const e=a!=="div"?this.a11yLabel||null:null;const h=a!=="div"&&!this.a11yLabel?`${this.variant==="table"?`${this.datalistItemId}-label`:""} ${this.datalistItemId}-value ${this.datalistItemId}-meta`:null;const d=()=>i(l,null,(this.href||this.icon)&&!s&&!t&&i("div",{class:"stzh-datalist-item__label-icon"},i("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:this.isPhone?"phone":this.external&&"external-link"})),t&&i("div",{class:"stzh-datalist-item__label-icon"},i("stzh-icon",{class:"stzh-datalist-item__icon is-closed",name:this.icon?this.icon:"plus"}),i("stzh-icon",{class:"stzh-datalist-item__icon is-open",name:this.icon?this.icon:"minus"})));return i(l,null,this.variant==="table"&&i(a,{"aria-hidden":this.label?null:"true",tabindex:"-1",id:`${this.datalistItemId}-label`,class:{"stzh-datalist-item__label":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,onClick:this.onClick},this.label),i(a,{id:`${this.datalistItemId}-value`,class:{"stzh-datalist-item__value":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,"aria-label":e,"aria-labelledby":h,"aria-controls":this.a11yControls||null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,onClick:this.onClick},this.variant==="default"&&i("div",{class:"stzh-datalist-item__label"},this.label),this.external&&i("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&i("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.downloadLinkLabel),i("div",{class:"stzh-datalist-item__value-wrapper"},this.iconPosition==="left"&&i(d,null),this.value?i("stzh-text",{curve:"none",class:"stzh-datalist-item__value-text"},this.value):i("stzh-text",{curve:"none",class:"stzh-datalist-item__value-text"},i("slot",{name:"value"})),this.iconPosition==="right"&&i(d,null))),i(a,{"aria-hidden":this.statusLabel||this._meta.length>0?null:"true",tabindex:"-1",id:`${this.datalistItemId}-meta`,class:{"stzh-datalist-item__meta":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,onClick:this.onClick},this.statusLabel&&i("stzh-status",{class:"stzh-datalist-item__meta-status",label:this.statusLabel,type:this.statusType}),this._meta.length>0&&i("span",{class:"stzh-datalist-item__meta-text"},this._meta.map(((t,s)=>i(l,null,i("span",{class:"stzh-datalist-item__meta-text-inner"},t),s+1!==this._meta.length&&i("span",{class:"stzh-datalist-item__meta-separator"},"|")))))),this.readspeakerHref&&this.readspeakerLabel&&i("stzh-button",{class:"stzh-datalist-item__readspeaker",variant:"tertiary-plain","icon-position":"right",icon:"volume-medium",size:"small",href:this.readspeakerHref,target:"_blank"},this.readspeakerLabel))}renderLeadingIcon(t){const s=t?"button":this.href?"a":"div";return i(s,{role:"presentation","aria-hidden":"true",tabindex:"-1",class:{"stzh-datalist-item__leading":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,onClick:this.onClick},this.leadingIcon&&i("div",{class:"stzh-datalist-item__leading-icon-container"},i("stzh-icon",{class:"stzh-datalist-item__leading-icon",name:this.leadingIcon})))}async componentDidLoad(){this.connectedCallback();this.addWordBreakToLinks()}async componentWillLoad(){this.datalistItemId=`stzh-datalist-item-${z++}`;this.metaWatcher(this.meta);this.externalWatcher();this.hrefWatcher();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datalist-item")}}async connectedCallback(){var t,s,i;this.datalist=this.element.closest("stzh-datalist");if(this.datalist){this.variant=this.datalist.variant;this.bigLabel=this.datalist.bigLabel;this.direction=await this.datalist.getCurrentDirection();(t=this.datalist)===null||t===void 0?void 0:t.addEventListener("stzhDirectionChange",this.handleDirectionChange);(s=this.datalist)===null||s===void 0?void 0:s.addEventListener("stzhVariantChange",this.handleVariantChange);(i=this.datalist)===null||i===void 0?void 0:i.addEventListener("stzhBigLabelChange",this.handleBigLabelChange)}}disconnectedCallback(){var t,s,i;if(this.datalist){(t=this.datalist)===null||t===void 0?void 0:t.removeEventListener("stzhDirectionChange",this.handleDirectionChange);(s=this.datalist)===null||s===void 0?void 0:s.removeEventListener("stzhVariantChange",this.handleVariantChange);(i=this.datalist)===null||i===void 0?void 0:i.removeEventListener("stzhBigLabelChange",this.handleBigLabelChange);this.datalist=null}}render(){const t=typeof this.a11yExpanded!=="undefined"||typeof this.a11yControls!=="undefined";const s=!!((!this.href||this.iconHref||this.iconTooltip)&&this.icon);const e=s&&!this.href&&!t;const h={"stzh-datalist-item":true,"stzh-datalist-item--is-interactive":!!this.href||t,"stzh-datalist-item--is-link":!!this.href,"stzh-datalist-item--is-button":t,"stzh-datalist-item--is-expanded":this.a11yExpanded,"stzh-datalist-item--big-label":this.bigLabel,[`stzh-datalist-item--direction-${this.direction}`]:!!this.direction&&this.variant==="default",[`stzh-datalist-item--${this.variant}`]:!!this.variant};let d=t?"button":s?"div":"a";const n=()=>i("stzh-button",{class:{"stzh-datalist-item__action":true,"is-button":true},variant:"tertiary",size:"small","a11y-label":this.getActionButtonA11yLabel(e),iconOnly:true,href:this.iconHref,icon:this.icon,onClick:this.onActionClick});return i(a,{role:"listitem",class:{"value-truncate":this.valueTruncate}},i("div",{class:h},this.direction==="horizontal"||this.variant==="table"?i(l,null,this.renderLeadingIcon(t),this.renderInner(t,s)):i(l,null,this.renderLeadingIcon(t),i("div",{class:"stzh-datalist-item__wrapper"},this.renderInner(t,s))),i(d,{role:s?null:"presentation","aria-hidden":s?null:"true",tabindex:"-1",class:{"stzh-datalist-item__action-list":true,"is-button":t,"is-link":!!this.href&&!this.iconHref},href:!this.iconHref?this.href:null,rel:!this.iconHref?this.rel:null,target:!this.iconHref?this.target:null,download:!this.iconHref?this.download:null},s&&(this.iconTooltip?i("stzh-tooltip",{content:this.iconTooltip},n()):n())),i("div",{class:"stzh-datalist-item__spacer"})),this.hasNested&&i("div",{class:"stzh-datalist-item__nested"},i("div",{class:"stzh-datalist-item__nested-inner"},i("slot",null))))}get element(){return e(this)}static get watchers(){return{meta:["metaWatcher"],rel:["externalWatcher"],href:["hrefWatcher"]}}};u.style=m();const p=()=>`.sc-stzh-status-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-status-h,[stzh-hidden].sc-stzh-status-h{display:none}.sc-stzh-status-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-status-h *.sc-stzh-status,.sc-stzh-status-h *.sc-stzh-status::before,.sc-stzh-status-h *.sc-stzh-status::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-status-h .has-focus.sc-stzh-status{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-status-h .stzh-fylingfocus-focused.sc-stzh-status{outline-style:none !important}.sc-stzh-status-h .stzh-fylingfocus-focused.sc-stzh-status::-moz-focus-inner{border:0 !important}.sc-stzh-status-h{--bar-height:0.25rem;--color:var(--stzh-base-color);--min-width:none}[with-loadingbar].sc-stzh-status-h:not([with-loadingbar=false]){--min-width:10rem}[type=success].sc-stzh-status-h{--color:var(--stzh-color-success70)}[type=warning].sc-stzh-status-h{--color:var(--stzh-color-warning90)}[type=error].sc-stzh-status-h{--color:var(--stzh-color-error70)}[type=info].sc-stzh-status-h{--color:var(--stzh-color-midnightblue70)}.stzh-status.sc-stzh-status{min-width:var(--min-width);color:var(--color)}.stzh-status__dot.sc-stzh-status{border-radius:50%;width:0.75rem;height:0.75rem;background-color:currentColor;margin-right:var(--stzh-space-xxsmall)}@media (forced-colors: active){.stzh-status__dot.sc-stzh-status{forced-color-adjust:preserve-parent-color}}.stzh-status__bar.sc-stzh-status{display:block;height:var(--bar-height);border-radius:0.75rem;background-color:var(--stzh-color-old-grey13);margin-top:var(--stzh-space-xxsmall)}@media (forced-colors: active){.stzh-status__bar.sc-stzh-status{--bar-height:0.375rem;border-radius:0;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-status__bar-inner.sc-stzh-status{position:relative;display:block;height:100%;width:0;border-radius:0.75rem;background:currentColor}@media (forced-colors: active){.stzh-status__bar-inner.sc-stzh-status{border-radius:0;outline:0.125rem solid SelectedItem;outline-offset:-0.125rem;background-color:SelectedItem}}.stzh-status__text.sc-stzh-status{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center}`;const v=class{constructor(s){t(this,s);this.percent=0;this.withLoadingbar=false;this.label="";this.type="default"}render(){const t={"stzh-status":true,[`stzh-status--type-${this.type}`]:!!this.type};return i(a,{key:"f9e69c232eb0714c5d8e9503f0de9c00267a81cb"},i("div",{key:"dae9d9a0109461c08a650b71583ab1c5198691b2",class:t},i("div",{key:"e4cba8469865473a6dfd305db3ac05184da3658f",class:"stzh-status__text"},!this.withLoadingbar&&i("div",{key:"51e7665025279382fb372c7f1c9e8d2aa54b56d0",class:"stzh-status__dot"}),this.label&&i("div",{key:"549f43abef15944d6f7439ee034dbe8ee2b4818a",class:"stzh-status__label"},this.label)),this.withLoadingbar&&i("div",{key:"3501d6e8aca4c281b3ec88559a5cd5a7c768261a",class:"stzh-status__bar"},i("div",{key:"7defbd37167c186f52a36b36130a0217cc585b8c",class:"stzh-status__bar-inner",style:{width:`${this.percent}%`}}))))}get element(){return e(this)}};v.style=p();export{c as stzh_datalist,u as stzh_datalist_item,v as stzh_status};
-//# sourceMappingURL=p-64b3d4c2.entry.js.map
+import{r as t,c as s,h as i,a,d as e,F as l}from"./p-Cd_ra_Ay.js";import{m as h,a as n,r as d}from"./p-CUGRmgip.js";import{j as r}from"./p-DhuTERdU.js";import"./p-BubviQku.js";const o=()=>`.sc-stzh-datalist-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-datalist-h,[stzh-hidden].sc-stzh-datalist-h{display:none}.sc-stzh-datalist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::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-datalist-h .has-focus.sc-stzh-datalist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datalist-h .stzh-fylingfocus-focused.sc-stzh-datalist{outline-style:none !important}.sc-stzh-datalist-h .stzh-fylingfocus-focused.sc-stzh-datalist::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-h{--columns:1;--columns-gap:var(--stzh-grid-gutter);--list-display:grid;--list-margin-right:calc(var(--columns-gap) / -1);--list-grid-template-columns:repeat(\n    var(--columns),\n    auto minmax(auto, 1fr) auto var(--columns-gap)\n  );--full-grid-column:1 / 5;--nested-margin-left:var(--stzh-datalist-nested-margin-left, 0px);--details-content-width:var(--stzh-datalist-details-content-width, 100%);--grid-template-areas:var(\n    --stzh-datalist-grid-template-areas,\n    "list list list list"\n  );--grid-template-columns:var(\n    --stzh-datalist-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  );margin-left:var(--nested-margin-left)}@media screen and (min-width: 600px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-small);--grid-template-areas:var(\n      --stzh-datalist-grid-template-areas,\n      "list list list list"\n    )}}@media screen and (min-width: 900px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-medium);--grid-template-areas:var(\n      --stzh-datalist-grid-template-areas,\n      "list list list list list list list list"\n    );--grid-template-columns:var(\n      --stzh-datalist-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-ultra)}}.sc-stzh-datalist-h.sc-stzh-datalist-s>.layout_column>*:not([class*=cq-]),.sc-stzh-datalist-h .sc-stzh-datalist-s>.layout_column>*:not([class*=cq-]),.sc-stzh-datalist-h.sc-stzh-datalist-s>*:not([class*=cq-]),.sc-stzh-datalist-h .sc-stzh-datalist-s>*:not([class*=cq-]){display:contents}[is-direction=horizontal].sc-stzh-datalist-h{--list-grid-template-columns:repeat(\n    var(--columns),\n    auto minmax(auto, 1fr) auto auto var(--columns-gap)\n  );--full-grid-column:1 / 6}[is-direction=horizontal].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([meta=""]))),[is-direction=horizontal].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([status-label=""]))){--list-grid-template-columns:repeat(\n    var(--columns),\n    auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap)\n  )}[variant=table].sc-stzh-datalist-h{--list-grid-template-columns:repeat(\n    var(--columns),\n    auto auto minmax(auto, 1fr) auto auto var(--columns-gap)\n  );--full-grid-column:1 / 7}[variant=table].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([meta=""]))),[variant=table].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([status-label=""]))){--list-grid-template-columns:repeat(\n    var(--columns),\n    auto auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap)\n  )}[vertical-gap=small].sc-stzh-datalist-h .stzh-datalist__list.sc-stzh-datalist{grid-template-rows:auto}@media screen and (max-width: 899px){[vertical-gap=small].sc-stzh-datalist-h .stzh-datalist__list.sc-stzh-datalist{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){[vertical-gap=small].sc-stzh-datalist-h .stzh-datalist__list.sc-stzh-datalist{row-gap:var(--stzh-space-xxsmall)}}.sc-stzh-datalist-h:has([class*=cq-]){--stzh-datalist-item-wrapper-display:flex;--list-display:block;--list-margin-right:0}.stzh-datalist.sc-stzh-datalist{--stzh-datalist-nested-margin-left:var(--stzh-space-large);--stzh-details-content-grid-column:var(--full-grid-column);--stzh-details-content-padding-right:var(--columns-gap);--stzh-details-content-width:var(--details-content-width);column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-datalist.sc-stzh-datalist{display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}.stzh-datalist__wrapper.sc-stzh-datalist{grid-area:list;overflow:visible}.stzh-datalist__list.sc-stzh-datalist{display:var(--list-display);border-collapse:collapse;grid-template-columns:var(--list-grid-template-columns);align-items:stretch;margin-right:var(--list-margin-right)}.stzh-datalist--has-multiple-columns.sc-stzh-datalist{--stzh-datalist-item-nested-display:none}@media screen and (max-width: 599px){.stzh-datalist--table.stzh-datalist--big-label.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{--list-display:flex;flex-direction:column;gap:var(--stzh-space-xxxsmall)}}`;const c=class{constructor(i){t(this,i);this.stzhVariantChange=s(this,"stzhVariantChange");this.stzhBigLabelChange=s(this,"stzhBigLabelChange");this.stzhDirectionChange=s(this,"stzhDirectionChange");this.variant="default";this.bigLabel=false;this.columns=1;this.direction="vertical";this.verticalGap="default";this.items=[];this._items=[];this.currentColumns=1;this.setCurrentDirection=()=>{if(h("ultra").matches&&this.directionUltra){this.currentDirection=this.directionUltra}else if(h("large").matches&&this.directionLarge){this.currentDirection=this.directionLarge}else if(h("medium").matches&&this.directionMedium){this.currentDirection=this.directionMedium}else if(h("small").matches&&this.directionSmall){this.currentDirection=this.directionSmall}else{this.currentDirection=this.direction}};this.setCurrentColumns=()=>{if(h("ultra").matches&&this.columnsUltra){this.currentColumns=this.columnsUltra}else if(h("large").matches&&this.columnsLarge){this.currentColumns=this.columnsLarge}else if(h("medium").matches&&this.columnsMedium){this.currentColumns=this.columnsMedium}else if(h("small").matches&&this.columnsSmall){this.currentColumns=this.columnsSmall}else{this.currentColumns=this.columns}};this.resizeHandler=()=>{this.setCurrentDirection();this.setCurrentColumns()}}directionWatcher(){this.setCurrentDirection()}columnsWatcher(){this.setCurrentColumns()}currentDirectionWatcher(t){this.stzhDirectionChange.emit({component:"stzh-datalist",value:t})}variantWatcher(t){this.stzhVariantChange.emit({component:"stzh-datalist",value:t})}bigLabelWatcher(t){this.stzhBigLabelChange.emit({component:"stzh-datalist",value:t})}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}}async getCurrentDirection(){return this.currentDirection}async componentWillLoad(){this.itemsWatcher(this.items);this.bigLabelWatcher(this.bigLabel);this.resizeHandler()}connectedCallback(){n(this.resizeHandler)}disconnectedCallback(){d(this.resizeHandler)}render(){const t={"stzh-datalist":true,"stzh-datalist--has-multiple-columns":this.currentColumns>1,"stzh-datalist--big-label":this.bigLabel,[`stzh-datalist--direction-${this.currentDirection}`]:!!this.currentDirection,[`stzh-datalist--${this.variant}`]:!!this.variant,[`stzh-datalist--vertical-gap-${this.verticalGap}`]:!!this.verticalGap};return i(a,{key:"adfd38bbd33caaeb5e43c03772e4611f71bb8e5c","is-direction":this.currentDirection,"vertical-gap":this.verticalGap,style:{"--columns":this.currentColumns?this.currentColumns.toString():null}},i("div",{key:"de02abc81a926a6eaf50f384f5c4aa2735b2e1b9",class:t},i("div",{key:"333da81e4c54bfe1914c7be7b6c2fddf39701a56",class:"stzh-datalist__wrapper"},i("div",{key:"60bbb2021ea07e7405c0a2cf989ea8971dfeb179",class:"stzh-datalist__list",role:"list"},this._items.map((t=>i("stzh-datalist-item",Object.assign({},t,{hasNested:!!t.items}),t.items&&t.items.length>0&&i("stzh-datalist",{items:t.items})))),i("slot",{key:"366aa399241d4ab8e4b5362a84b75da7ab9d65e2"})))))}get element(){return e(this)}static get watchers(){return{direction:["directionWatcher"],directionSmall:["directionWatcher"],directionMedium:["directionWatcher"],directionLarge:["directionWatcher"],directionUltra:["directionWatcher"],columns:["columnsWatcher"],columnsSmall:["columnsWatcher"],columnsMedium:["columnsWatcher"],columnsLarge:["columnsWatcher"],columnsUltra:["columnsWatcher"],currentDirection:["currentDirectionWatcher"],variant:["variantWatcher"],bigLabel:["bigLabelWatcher"],items:["itemsWatcher"]}}};c.style=o();const m=()=>`.sc-stzh-datalist-item-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-datalist-item-h,[stzh-hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::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-datalist-item-h .has-focus.sc-stzh-datalist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item{outline-style:none !important}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-item-h{--value-font-family:var(--stzh-font-family-medium);--value-font-weight:var(--stzh-font-weight-medium);--value-color:inherit;--action-display:flex;--leading-icon-color:var(--stzh-color-grey90);--nested-display:var(--stzh-datalist-item-nested-display, block);--wrapper-display:var(--stzh-datalist-item-wrapper-display, contents);--vertical-wrapper-padding:var(\n    --stzh-datalist-item-vertical-wrapper-padding,\n    var(--stzh-space-xsmall)\n  );--text-overflow:clip;--white-space:normal;--overflow:visible;--width:initial;--max-width:initial;display:contents}[href].sc-stzh-datalist-item-h:not([href=""]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--value-color:var(--stzh-link-color);--value-hover-color:var(--stzh-link-hover-color)}.value-truncate.sc-stzh-datalist-item-h{--text-overflow:ellipsis;--white-space:nowrap;--overflow:hidden;--max-width:100%}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none;display:var(--wrapper-display);align-items:center}.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item__nested-inner.sc-stzh-datalist-item{display:var(--nested-display);grid-column:var(--full-grid-column)}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{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-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:1;display:grid}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:flex;text-align:left;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--value-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{flex-grow:1;flex-direction:column;min-width:0}.stzh-datalist-item__value-text.sc-stzh-datalist-item{--color:initial;min-width:0;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-datalist-item__value-text.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__value-text.sc-stzh-datalist-item{font-family:var(--value-font-family);font-weight:var(--value-font-weight);width:auto}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{justify-content:flex-end}.stzh-datalist-item__meta-text.sc-stzh-datalist-item{display:flex;gap:var(--stzh-space-xsmall);color:var(--stzh-color-grey80)}.stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey90)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height)}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item__readspeaker.sc-stzh-datalist-item{width:-moz-fit-content;width:fit-content;--padding-left:0;--padding-right:0}@media (forced-colors: active){.stzh-datalist-item__readspeaker.sc-stzh-datalist-item{--padding-left:calc(var(--stzh-space-xlarge) - var(--border-width));--padding-right:calc(var(--stzh-space-xlarge) - var(--border-width))}}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{color:var(--value-hover-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:inherit}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--vertical-wrapper-padding);padding-bottom:var(--vertical-wrapper-padding)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{flex-direction:column;align-items:flex-start}@media (forced-colors: active){.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__readspeaker.sc-stzh-datalist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:calc(var(--stzh-space-xxsmall) + 0.75rem)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__readspeaker.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-left:var(--stzh-space-medium)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey80)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{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-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{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);color:var(--stzh-color-grey80)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:0;padding-bottom:0}@media screen and (min-width: 600px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}@media screen and (max-width: 599px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:0}}`;let z=0;const u=class{constructor(i){t(this,i);this.stzhItemActionClick=s(this,"stzhItemActionClick");this.stzhClick=s(this,"stzhClick");this.iconPosition="right";this.label="";this.value="";this.valueTruncate=false;this.readspeakerLabel="";this.readspeakerHref="";this.meta="";this._meta=[];this.statusLabel="";this.statusType="default";this.hasNested=false;this.direction="vertical";this.variant="default";this.bigLabel=false;this.external=false;this.isPhone=false;this.onActionClick=t=>{this.stzhItemActionClick.emit({component:"stzh-datalist-item",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-datalist-item",originalEvent:t,href:this.href})};this.handleDirectionChange=t=>{this.direction=t.detail.value};this.handleVariantChange=t=>{this.variant=t.detail.value};this.handleBigLabelChange=t=>{this.bigLabel=t.detail.value}}metaWatcher(t){if(typeof t==="string"){try{this._meta=JSON.parse(t)}catch(s){this._meta=t===""?[]:[t]}}else{this._meta=t}}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}hrefWatcher(){this.isPhone=this.href&&(this.href.startsWith("tel:")||this.href.startsWith("fax:"))}addWordBreakToLinks(){var t;const s=Array.from(((t=this.element)===null||t===void 0?void 0:t.getElementsByClassName("stzh-datalist-item__value-text"))||[]);r(s)}getDefaultActionButtonLabel(){const t=[this.label,this.value].filter(Boolean).join(", ");return t||null}getActionButtonA11yLabel(t){if(this.iconTooltip){return null}if(t&&this.a11yLabel){return this.a11yLabel}return this.iconLabel||this.getDefaultActionButtonLabel()}renderInner(t,s){const a=t?"button":this.href?"a":"div";const e=a!=="div"?this.a11yLabel||null:null;const h=a!=="div"&&!this.a11yLabel?`${this.variant==="table"?`${this.datalistItemId}-label`:""} ${this.datalistItemId}-value ${this.datalistItemId}-meta`:null;const n=()=>i(l,null,(this.href||this.icon)&&!s&&!t&&i("div",{class:"stzh-datalist-item__label-icon"},i("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:this.isPhone?"phone":this.external&&"external-link"})),t&&i("div",{class:"stzh-datalist-item__label-icon"},i("stzh-icon",{class:"stzh-datalist-item__icon is-closed",name:this.icon?this.icon:"plus"}),i("stzh-icon",{class:"stzh-datalist-item__icon is-open",name:this.icon?this.icon:"minus"})));return i(l,null,this.variant==="table"&&i(a,{"aria-hidden":this.label?null:"true",tabindex:"-1",id:`${this.datalistItemId}-label`,class:{"stzh-datalist-item__label":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,onClick:this.onClick},this.label),i(a,{id:`${this.datalistItemId}-value`,class:{"stzh-datalist-item__value":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,"aria-label":e,"aria-labelledby":h,"aria-controls":this.a11yControls||null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,onClick:this.onClick},this.variant==="default"&&i("div",{class:"stzh-datalist-item__label"},this.label),this.external&&i("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&i("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.downloadLinkLabel),i("div",{class:"stzh-datalist-item__value-wrapper"},this.iconPosition==="left"&&i(n,null),this.value?i("stzh-text",{curve:"none",class:"stzh-datalist-item__value-text"},this.value):i("stzh-text",{curve:"none",class:"stzh-datalist-item__value-text"},i("slot",{name:"value"})),this.iconPosition==="right"&&i(n,null))),i(a,{"aria-hidden":this.statusLabel||this._meta.length>0?null:"true",tabindex:"-1",id:`${this.datalistItemId}-meta`,class:{"stzh-datalist-item__meta":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,onClick:this.onClick},this.statusLabel&&i("stzh-status",{class:"stzh-datalist-item__meta-status",label:this.statusLabel,type:this.statusType}),this._meta.length>0&&i("span",{class:"stzh-datalist-item__meta-text"},this._meta.map(((t,s)=>i(l,null,i("span",{class:"stzh-datalist-item__meta-text-inner"},t),s+1!==this._meta.length&&i("span",{class:"stzh-datalist-item__meta-separator"},"|")))))),this.readspeakerHref&&this.readspeakerLabel&&i("stzh-button",{class:"stzh-datalist-item__readspeaker",variant:"tertiary-plain","icon-position":"right",icon:"volume-medium",size:"small",href:this.readspeakerHref,target:"_blank"},this.readspeakerLabel))}renderLeadingIcon(t){const s=t?"button":this.href?"a":"div";return i(s,{role:"presentation","aria-hidden":"true",tabindex:"-1",class:{"stzh-datalist-item__leading":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,onClick:this.onClick},this.leadingIcon&&i("div",{class:"stzh-datalist-item__leading-icon-container"},i("stzh-icon",{class:"stzh-datalist-item__leading-icon",name:this.leadingIcon})))}async componentDidLoad(){this.connectedCallback();this.addWordBreakToLinks()}async componentWillLoad(){this.datalistItemId=`stzh-datalist-item-${z++}`;this.metaWatcher(this.meta);this.externalWatcher();this.hrefWatcher();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datalist-item")}}async connectedCallback(){var t,s,i;this.datalist=this.element.closest("stzh-datalist");if(this.datalist){this.variant=this.datalist.variant;this.bigLabel=this.datalist.bigLabel;this.direction=await this.datalist.getCurrentDirection();(t=this.datalist)===null||t===void 0?void 0:t.addEventListener("stzhDirectionChange",this.handleDirectionChange);(s=this.datalist)===null||s===void 0?void 0:s.addEventListener("stzhVariantChange",this.handleVariantChange);(i=this.datalist)===null||i===void 0?void 0:i.addEventListener("stzhBigLabelChange",this.handleBigLabelChange)}}disconnectedCallback(){var t,s,i;if(this.datalist){(t=this.datalist)===null||t===void 0?void 0:t.removeEventListener("stzhDirectionChange",this.handleDirectionChange);(s=this.datalist)===null||s===void 0?void 0:s.removeEventListener("stzhVariantChange",this.handleVariantChange);(i=this.datalist)===null||i===void 0?void 0:i.removeEventListener("stzhBigLabelChange",this.handleBigLabelChange);this.datalist=null}}render(){const t=typeof this.a11yExpanded!=="undefined"||typeof this.a11yControls!=="undefined";const s=!!((!this.href||this.iconHref||this.iconTooltip)&&this.icon);const e=s&&!this.href&&!t;const h={"stzh-datalist-item":true,"stzh-datalist-item--is-interactive":!!this.href||t,"stzh-datalist-item--is-link":!!this.href,"stzh-datalist-item--is-button":t,"stzh-datalist-item--is-expanded":this.a11yExpanded,"stzh-datalist-item--big-label":this.bigLabel,[`stzh-datalist-item--direction-${this.direction}`]:!!this.direction&&this.variant==="default",[`stzh-datalist-item--${this.variant}`]:!!this.variant};let n=t?"button":s?"div":"a";const d=()=>i("stzh-button",{class:{"stzh-datalist-item__action":true,"is-button":true},variant:"tertiary",size:"small","a11y-label":this.getActionButtonA11yLabel(e),iconOnly:true,href:this.iconHref,icon:this.icon,onClick:this.onActionClick});return i(a,{role:"listitem",class:{"value-truncate":this.valueTruncate}},i("div",{class:h},this.direction==="horizontal"||this.variant==="table"?i(l,null,this.renderLeadingIcon(t),this.renderInner(t,s)):i(l,null,this.renderLeadingIcon(t),i("div",{class:"stzh-datalist-item__wrapper"},this.renderInner(t,s))),i(n,{role:s?null:"presentation","aria-hidden":s?null:"true",tabindex:"-1",class:{"stzh-datalist-item__action-list":true,"is-button":t,"is-link":!!this.href&&!this.iconHref},href:!this.iconHref?this.href:null,rel:!this.iconHref?this.rel:null,target:!this.iconHref?this.target:null,download:!this.iconHref?this.download:null},s&&(this.iconTooltip?i("stzh-tooltip",{content:this.iconTooltip},d()):d())),i("div",{class:"stzh-datalist-item__spacer"})),this.hasNested&&i("div",{class:"stzh-datalist-item__nested"},i("div",{class:"stzh-datalist-item__nested-inner"},i("slot",null))))}get element(){return e(this)}static get watchers(){return{meta:["metaWatcher"],rel:["externalWatcher"],href:["hrefWatcher"]}}};u.style=m();const p=()=>`.sc-stzh-status-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-status-h,[stzh-hidden].sc-stzh-status-h{display:none}.sc-stzh-status-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-status-h *.sc-stzh-status,.sc-stzh-status-h *.sc-stzh-status::before,.sc-stzh-status-h *.sc-stzh-status::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-status-h .has-focus.sc-stzh-status{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-status-h .stzh-fylingfocus-focused.sc-stzh-status{outline-style:none !important}.sc-stzh-status-h .stzh-fylingfocus-focused.sc-stzh-status::-moz-focus-inner{border:0 !important}.sc-stzh-status-h{--bar-height:0.25rem;--color:var(--stzh-base-color);--min-width:none}[with-loadingbar].sc-stzh-status-h:not([with-loadingbar=false]){--min-width:10rem}[type=success].sc-stzh-status-h{--color:var(--stzh-color-success70)}[type=warning].sc-stzh-status-h{--color:var(--stzh-color-warning90)}[type=error].sc-stzh-status-h{--color:var(--stzh-color-error70)}[type=info].sc-stzh-status-h{--color:var(--stzh-color-midnightblue70)}.stzh-status.sc-stzh-status{min-width:var(--min-width);color:var(--color)}.stzh-status__dot.sc-stzh-status{border-radius:50%;width:0.75rem;height:0.75rem;background-color:currentColor;margin-right:var(--stzh-space-xxsmall)}@media (forced-colors: active){.stzh-status__dot.sc-stzh-status{forced-color-adjust:preserve-parent-color}}.stzh-status__bar.sc-stzh-status{display:block;height:var(--bar-height);border-radius:0.75rem;background-color:var(--stzh-color-old-grey13);margin-top:var(--stzh-space-xxsmall)}@media (forced-colors: active){.stzh-status__bar.sc-stzh-status{--bar-height:0.375rem;border-radius:0;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-status__bar-inner.sc-stzh-status{position:relative;display:block;height:100%;width:0;border-radius:0.75rem;background:currentColor}@media (forced-colors: active){.stzh-status__bar-inner.sc-stzh-status{border-radius:0;outline:0.125rem solid SelectedItem;outline-offset:-0.125rem;background-color:SelectedItem}}.stzh-status__text.sc-stzh-status{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center}`;const v=class{constructor(s){t(this,s);this.percent=0;this.withLoadingbar=false;this.label="";this.type="default"}render(){const t={"stzh-status":true,[`stzh-status--type-${this.type}`]:!!this.type};return i(a,{key:"799a39017cfec61a07e36347b0a36cc57a5f6260"},i("div",{key:"5ebb6c1bbdbe1a05a90b02036062d56ab8e2e2f6",class:t},i("div",{key:"c69bed678675f12c4e12db51d81e2287fc9289ff",class:"stzh-status__text"},!this.withLoadingbar&&i("div",{key:"1ae15cb68b2f4e1f0e44f6e15b255826a8ffe71c",class:"stzh-status__dot"}),this.label&&i("div",{key:"0011fd4ccf566f6eaf0416d4e82c1414d13786b3",class:"stzh-status__label"},this.label)),this.withLoadingbar&&i("div",{key:"3db966f076e94e642193e27591330c05122336c5",class:"stzh-status__bar"},i("div",{key:"62c736e56b6028fa8e4ecfbf2713e4e9df880a38",class:"stzh-status__bar-inner",style:{width:`${this.percent}%`}}))))}get element(){return e(this)}};v.style=p();export{c as stzh_datalist,u as stzh_datalist_item,v as stzh_status};
+//# sourceMappingURL=p-094f446c.entry.js.map

package/dist/stzh-components/{p-4640481a.entry.js → p-0b78dd4f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,a,d as i}from"./p-Qb46gVIp.js";const m=()=>`.sc-stzh-datamessagelist-item-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-datamessagelist-item-h,[stzh-hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::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-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-item-h{--unread-indicator-width:0.3125rem}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white);border-color:transparent;transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{transition:none;border-color:Canvas;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{pointer-events:none;content:"";position:absolute;top:0;left:0;height:100%;opacity:0;border-left:var(--unread-indicator-width) solid transparent;transition:border-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{transition:none}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{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-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color);margin:0}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);padding:0;border:none;background-color:transparent;appearance:none}@media (forced-colors: active){.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{transition:none}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color)}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)){background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:var(--stzh-color-primary);opacity:1}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:SelectedItem}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}`;const h=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick");this.stzhActionClick=s(this,"stzhActionClick");this.heading="";this.unread=false;this.href="";this.description="";this.nonInteractive=false;this.external=false;this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:s})};this.itemClick=t=>{this.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t,href:this.href})}}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}loadingStatusWatcher(t){if(typeof t==="string"){this._loadingStatus=JSON.parse(t)}else{this._loadingStatus=t}}metaWatcher(t){if(typeof t==="string"){this._meta=JSON.parse(t)}else{this._meta=t}}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}tagsWatcher(t){if(typeof t==="string"){this._tags=JSON.parse(t)}else{this._tags=t}}async componentWillLoad(){this.loadingStatusWatcher(this.loadingStatus);this.metaWatcher(this.meta);this.actionsWatcher(this.actions);this.tagsWatcher(this.tags);this.externalWatcher();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datamessagelist-item")}}render(){const t={"stzh-datamessagelist-item":true,"stzh-datamessagelist-item--is-unread":this.unread,"stzh-datamessagelist-item--is-interactive":!this.nonInteractive};const s=this.nonInteractive?"div":this.href?"a":"button";return e(a,{key:"1e5e94c37b1514688f354dab43b198c8ba5d4006",role:"listitem"},e("article",{key:"52b83980dac6f0ad0c815030f17bdce18723741c",class:t},e("div",{key:"1c7c68c77b06996d56a1febdab9d1622d0b989fe",class:"stzh-datamessagelist-item__content"},e("div",{key:"378292229b9d0e096c75dad73122cc7d0c70fa10",class:"stzh-datamessagelist-item__text"},e("h3",{key:"70864b4a7d643a2a151b9af89b9ea89fda5f7e9e",class:"stzh-datamessagelist-item__heading"},e(s,{key:"083880f12718bc4ee16593b9fb389dbe21a8733a",class:"stzh-datamessagelist-item__heading-link",href:this.href,rel:this.rel,target:this.target,onClick:this.itemClick,"s-object-id":this.analyticsId||this.heading},this.unread&&e("span",{key:"d063a85d6a6b58af3e27771257e7803701c760cd",class:"stzh-datamessagelist-item__vhidden"},this.localization.unread,","),this.heading)),this.description&&e("div",{key:"dae9707c79a2259a2e2ac88558334e02cd131435",class:"stzh-datamessagelist-item__description"},e("stzh-clamp",{key:"78c894c88955d72b11cfccc90526d951ca9dd834",lines:2,linesMedium:1},this.description)),this._meta&&this._meta.length>0&&e("div",{key:"9b733c6b25a336b90bbb14a0276b9d42e370588b",class:"stzh-datamessagelist-item__meta-wrapper"},e("ul",{key:"ed5ba3351f94a824fa4391ac618095479989e18a",class:"stzh-datamessagelist-item__meta"},this._meta.map((t=>e("li",{class:"stzh-datamessagelist-item__meta-item"},e("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),e("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))))))),this._loadingStatus&&e("stzh-status",{key:"919f849858a216efebfafecb9fe44da7a103ee19",class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:true}),this._tags&&this._tags.length>0&&e("div",{key:"42c3b27ea91e4af99725e98dc8c31215a1b387fc",class:"stzh-datamessagelist-item__tags-wrapper"},e("div",{key:"e6e358a9e050a02225d2cf0017467cef73babed4",class:"stzh-datamessagelist-item__tags"},this._tags.map((t=>e("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",nonInteractive:true,inverted:t.inverted,type:t.type,icon:t.icon,label:t.label})))))),e("div",{key:"a2f885499805d431ef71b8692db558564fdf95b8",class:"stzh-datamessagelist-item__actions"},this._actions&&this._actions.length>0?e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},e("stzh-button",{class:"stzh-datamessagelist-item__action-popover-button",variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:true}),e("stzh-menu",{slot:"content"},this._actions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:s=>{this.actionClick(t,s)}},t.label))))):!this.nonInteractive&&e("div",{class:"stzh-datamessagelist-item__action is-non-interactive"},e("stzh-icon",{class:"stzh-datamessagelist-item__action-icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"})))))}get element(){return i(this)}static get watchers(){return{rel:["externalWatcher"],loadingStatus:["loadingStatusWatcher"],meta:["metaWatcher"],actions:["actionsWatcher"],tags:["tagsWatcher"]}}};h.style=m();export{h as stzh_datamessagelist_item};
-//# sourceMappingURL=p-4640481a.entry.js.map
+import{r as t,c as s,h as e,a,d as i}from"./p-Cd_ra_Ay.js";const m=()=>`.sc-stzh-datamessagelist-item-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-datamessagelist-item-h,[stzh-hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::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-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-item-h{--unread-indicator-width:0.3125rem}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white);border-color:transparent;transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{transition:none;border-color:Canvas;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{pointer-events:none;content:"";position:absolute;top:0;left:0;height:100%;opacity:0;border-left:var(--unread-indicator-width) solid transparent;transition:border-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{transition:none}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{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-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color);margin:0}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);padding:0;border:none;background-color:transparent;appearance:none}@media (forced-colors: active){.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{transition:none}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color)}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)){background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:var(--stzh-color-primary);opacity:1}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:SelectedItem}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}`;const h=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick");this.stzhActionClick=s(this,"stzhActionClick");this.heading="";this.unread=false;this.href="";this.description="";this.nonInteractive=false;this.external=false;this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:s})};this.itemClick=t=>{this.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t,href:this.href})}}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}loadingStatusWatcher(t){if(typeof t==="string"){this._loadingStatus=JSON.parse(t)}else{this._loadingStatus=t}}metaWatcher(t){if(typeof t==="string"){this._meta=JSON.parse(t)}else{this._meta=t}}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}tagsWatcher(t){if(typeof t==="string"){this._tags=JSON.parse(t)}else{this._tags=t}}async componentWillLoad(){this.loadingStatusWatcher(this.loadingStatus);this.metaWatcher(this.meta);this.actionsWatcher(this.actions);this.tagsWatcher(this.tags);this.externalWatcher();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datamessagelist-item")}}render(){const t={"stzh-datamessagelist-item":true,"stzh-datamessagelist-item--is-unread":this.unread,"stzh-datamessagelist-item--is-interactive":!this.nonInteractive};const s=this.nonInteractive?"div":this.href?"a":"button";return e(a,{key:"9fec33bc6766ec5eac13763f58b6f626dd799132",role:"listitem"},e("article",{key:"39649df9c09955beb2f4d7455d9511c918898523",class:t},e("div",{key:"bd35d114e417be405e51c8578a820284b5bf28c8",class:"stzh-datamessagelist-item__content"},e("div",{key:"751701b36f3c56c40a0ee47eced89d48f3035aba",class:"stzh-datamessagelist-item__text"},e("h3",{key:"7f436486d4b86819b035ad9b9945d1e1ce572519",class:"stzh-datamessagelist-item__heading"},e(s,{key:"334bd57efb0d03e3bd17c50b08ab0b2857aa2776",class:"stzh-datamessagelist-item__heading-link",href:this.href,rel:this.rel,target:this.target,onClick:this.itemClick,"s-object-id":this.analyticsId||this.heading},this.unread&&e("span",{key:"a27456bf461806a486358e3772074a7868a58147",class:"stzh-datamessagelist-item__vhidden"},this.localization.unread,","),this.heading)),this.description&&e("div",{key:"2a55c1a3f49b9bfab8898a9ef3687af1129f258f",class:"stzh-datamessagelist-item__description"},e("stzh-clamp",{key:"6a745a8dd113b8b3e530dcbd03629ac272dbed0d",lines:2,linesMedium:1},this.description)),this._meta&&this._meta.length>0&&e("div",{key:"c8da410e35b3ab5abfe809121418881f93a376d7",class:"stzh-datamessagelist-item__meta-wrapper"},e("ul",{key:"6b062faf935996210aca31964cf2070ed08386eb",class:"stzh-datamessagelist-item__meta"},this._meta.map((t=>e("li",{class:"stzh-datamessagelist-item__meta-item"},e("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),e("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))))))),this._loadingStatus&&e("stzh-status",{key:"c5441638fee4bb6102ec36b9f3c34b9fcec7e83d",class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:true}),this._tags&&this._tags.length>0&&e("div",{key:"12b0f51b4ac8291a1073563e2fcf356be47c92b0",class:"stzh-datamessagelist-item__tags-wrapper"},e("div",{key:"566e22de23e82db3411285c4dea8fcbc79cfc9f9",class:"stzh-datamessagelist-item__tags"},this._tags.map((t=>e("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",nonInteractive:true,inverted:t.inverted,type:t.type,icon:t.icon,label:t.label})))))),e("div",{key:"1bfe0df7a641ecdd40e691942ccecf944ed568cc",class:"stzh-datamessagelist-item__actions"},this._actions&&this._actions.length>0?e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},e("stzh-button",{class:"stzh-datamessagelist-item__action-popover-button",variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:true}),e("stzh-menu",{slot:"content"},this._actions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:s=>{this.actionClick(t,s)}},t.label))))):!this.nonInteractive&&e("div",{class:"stzh-datamessagelist-item__action is-non-interactive"},e("stzh-icon",{class:"stzh-datamessagelist-item__action-icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"})))))}get element(){return i(this)}static get watchers(){return{rel:["externalWatcher"],loadingStatus:["loadingStatusWatcher"],meta:["metaWatcher"],actions:["actionsWatcher"],tags:["tagsWatcher"]}}};h.style=m();export{h as stzh_datamessagelist_item};
+//# sourceMappingURL=p-0b78dd4f.entry.js.map

package/dist/stzh-components/{p-32a41205.entry.js → p-0c981d74.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,a,d as r}from"./p-Qb46gVIp.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}:host{--background-color:var(--stzh-ratio-background-color);--ratio:16 /\n    9;--max-height:inherit;--overflow:inherit}:host ::slotted(*){position:absolute;width:100%;height:100%;inset:0;object-fit:cover}:host ::slotted(.stzh-card-searchresult__image-placeholder){display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--placeholder-image-color)}:host([fit=contain]) ::slotted(*){object-fit:contain}:host([portrait]:not([portrait=false])){--ratio:9 /\n    16}:host([ratio="16:9"]){--ratio:16 / 9}:host([ratio="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}:host([ratio="1:1"]){--ratio:1 / 1}:host([ratio="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}:host([ratio="21:9"]){--ratio:21 / 9}:host([ratio="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}:host([ratio="2:1"]){--ratio:2 / 1}:host([ratio="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}:host([ratio="3:2"]){--ratio:3 / 2}:host([ratio="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}:host([ratio="4:3"]){--ratio:4 / 3}:host([ratio="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}:host([ratio="5:4"]){--ratio:5 / 4}:host([ratio="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}@media screen and (min-width: 600px){:host([ratio-small="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 600px){:host([ratio-small="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 600px){:host([ratio-small="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 600px){:host([ratio-small="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 600px){:host([ratio-small="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 600px){:host([ratio-small="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 600px){:host([ratio-small="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 600px){:host([ratio-small="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 600px){:host([ratio-small="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 600px){:host([ratio-small="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 600px){:host([ratio-small="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 600px){:host([ratio-small="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 600px){:host([ratio-small="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 600px){:host([ratio-small="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 900px){:host([ratio-medium="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 900px){:host([ratio-medium="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 900px){:host([ratio-medium="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 900px){:host([ratio-medium="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 900px){:host([ratio-medium="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 900px){:host([ratio-medium="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 900px){:host([ratio-medium="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 900px){:host([ratio-medium="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 900px){:host([ratio-medium="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 900px){:host([ratio-medium="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 900px){:host([ratio-medium="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 1260px){:host([ratio-large="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 1260px){:host([ratio-large="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 1260px){:host([ratio-large="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 1260px){:host([ratio-large="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 1260px){:host([ratio-large="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 1260px){:host([ratio-large="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 1260px){:host([ratio-large="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 1260px){:host([ratio-large="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 1260px){:host([ratio-large="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 1260px){:host([ratio-large="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 1260px){:host([ratio-large="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 1600px){:host([ratio-ultra="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 1600px){:host([ratio-ultra="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 1600px){:host([ratio-ultra="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 1600px){:host([ratio-ultra="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 1600px){:host([ratio-ultra="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 1600px){:host([ratio-ultra="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 1600px){:host([ratio-ultra="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 1600px){:host([ratio-ultra="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 1600px){:host([ratio-ultra="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 1600px){:host([ratio-ultra="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 1600px){:host([ratio-ultra="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}.stzh-ratio{position:relative;width:100%;aspect-ratio:var(--stzh-ratio, var(--ratio));background:var(--background-color);max-height:var(--max-height);overflow:var(--overflow)}`;const e=class{constructor(i){t(this,i);this.ratio="16:9";this.ratioSmall="inherit";this.ratioMedium="inherit";this.ratioLarge="inherit";this.ratioUltra="inherit";this.portrait=false;this.fit="cover"}render(){const t={"stzh-ratio":true};return i(a,{key:"f0370e4bb53568bb83ec04c90655f236b632fd12"},i("div",{key:"5a5f4b85b92674cda20685c62aa33578977f19ac",class:t},i("slot",{key:"423ad2c60178a174a2f154672c92c9ed652c9b37",name:"image"}),i("slot",{key:"7ee39b1115548d630f6c20a06557ebf8587325a2"})))}get element(){return r(this)}};e.style=o();export{e as stzh_ratio};
-//# sourceMappingURL=p-32a41205.entry.js.map
+import{r as t,h as i,a,d as r}from"./p-Cd_ra_Ay.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}:host{--background-color:var(--stzh-ratio-background-color);--ratio:16 /\n    9;--max-height:inherit;--overflow:inherit}:host ::slotted(*){position:absolute;width:100%;height:100%;inset:0;object-fit:cover}:host ::slotted(.stzh-card-searchresult__image-placeholder){display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--placeholder-image-color)}:host([fit=contain]) ::slotted(*){object-fit:contain}:host([portrait]:not([portrait=false])){--ratio:9 /\n    16}:host([ratio="16:9"]){--ratio:16 / 9}:host([ratio="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}:host([ratio="1:1"]){--ratio:1 / 1}:host([ratio="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}:host([ratio="21:9"]){--ratio:21 / 9}:host([ratio="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}:host([ratio="2:1"]){--ratio:2 / 1}:host([ratio="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}:host([ratio="3:2"]){--ratio:3 / 2}:host([ratio="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}:host([ratio="4:3"]){--ratio:4 / 3}:host([ratio="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}:host([ratio="5:4"]){--ratio:5 / 4}:host([ratio="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}@media screen and (min-width: 600px){:host([ratio-small="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 600px){:host([ratio-small="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 600px){:host([ratio-small="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 600px){:host([ratio-small="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 600px){:host([ratio-small="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 600px){:host([ratio-small="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 600px){:host([ratio-small="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 600px){:host([ratio-small="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 600px){:host([ratio-small="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 600px){:host([ratio-small="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 600px){:host([ratio-small="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 600px){:host([ratio-small="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 600px){:host([ratio-small="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 600px){:host([ratio-small="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 900px){:host([ratio-medium="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 900px){:host([ratio-medium="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 900px){:host([ratio-medium="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 900px){:host([ratio-medium="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 900px){:host([ratio-medium="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 900px){:host([ratio-medium="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 900px){:host([ratio-medium="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 900px){:host([ratio-medium="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 900px){:host([ratio-medium="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 900px){:host([ratio-medium="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 900px){:host([ratio-medium="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 900px){:host([ratio-medium="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 1260px){:host([ratio-large="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 1260px){:host([ratio-large="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 1260px){:host([ratio-large="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 1260px){:host([ratio-large="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 1260px){:host([ratio-large="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 1260px){:host([ratio-large="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 1260px){:host([ratio-large="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 1260px){:host([ratio-large="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 1260px){:host([ratio-large="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 1260px){:host([ratio-large="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 1260px){:host([ratio-large="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 1260px){:host([ratio-large="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}@media screen and (min-width: 1600px){:host([ratio-ultra="16:9"]){--ratio:16 / 9}}@media screen and (min-width: 1600px){:host([ratio-ultra="16:9"][portrait]:not([portrait=false])){--ratio:9 / 16}}@media screen and (min-width: 1600px){:host([ratio-ultra="1:1"]){--ratio:1 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="1:1"][portrait]:not([portrait=false])){--ratio:1 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="21:9"]){--ratio:21 / 9}}@media screen and (min-width: 1600px){:host([ratio-ultra="21:9"][portrait]:not([portrait=false])){--ratio:9 / 21}}@media screen and (min-width: 1600px){:host([ratio-ultra="2:1"]){--ratio:2 / 1}}@media screen and (min-width: 1600px){:host([ratio-ultra="2:1"][portrait]:not([portrait=false])){--ratio:1 / 2}}@media screen and (min-width: 1600px){:host([ratio-ultra="3:2"]){--ratio:3 / 2}}@media screen and (min-width: 1600px){:host([ratio-ultra="3:2"][portrait]:not([portrait=false])){--ratio:2 / 3}}@media screen and (min-width: 1600px){:host([ratio-ultra="4:3"]){--ratio:4 / 3}}@media screen and (min-width: 1600px){:host([ratio-ultra="4:3"][portrait]:not([portrait=false])){--ratio:3 / 4}}@media screen and (min-width: 1600px){:host([ratio-ultra="5:4"]){--ratio:5 / 4}}@media screen and (min-width: 1600px){:host([ratio-ultra="5:4"][portrait]:not([portrait=false])){--ratio:4 / 5}}.stzh-ratio{position:relative;width:100%;aspect-ratio:var(--stzh-ratio, var(--ratio));background:var(--background-color);max-height:var(--max-height);overflow:var(--overflow)}`;const e=class{constructor(i){t(this,i);this.ratio="16:9";this.ratioSmall="inherit";this.ratioMedium="inherit";this.ratioLarge="inherit";this.ratioUltra="inherit";this.portrait=false;this.fit="cover"}render(){const t={"stzh-ratio":true};return i(a,{key:"f0c67239e76dd8eefe54d6fb4ca4ffc36de0e549"},i("div",{key:"3a783be1629632126fdb694e8da2bbcb3e1df4cf",class:t},i("slot",{key:"b72625e73a1cbf33626d5bb86a59df6037c26bef",name:"image"}),i("slot",{key:"046c5cab09d0d317597a8a3cf48bb4a055f26714"})))}get element(){return r(this)}};e.style=o();export{e as stzh_ratio};
+//# sourceMappingURL=p-0c981d74.entry.js.map

package/dist/stzh-components/{p-a41ed36a.entry.js → p-10f8a411.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as s,a as t,d as r}from"./p-Qb46gVIp.js";import{h as d}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const a=()=>`.sc-stzh-feedreader-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-feedreader-h,[stzh-hidden].sc-stzh-feedreader-h{display:none}.sc-stzh-feedreader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-h *.sc-stzh-feedreader,.sc-stzh-feedreader-h *.sc-stzh-feedreader::before,.sc-stzh-feedreader-h *.sc-stzh-feedreader::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-feedreader-h .has-focus.sc-stzh-feedreader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader{outline-style:none !important}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader::-moz-focus-inner{border:0 !important}.stzh-feedreader__header.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__subscribe.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__items.sc-stzh-feedreader{display:grid;column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-ultra)}}`;const i=class{constructor(s){e(this,s);this.heading="";this.headingLevel="3";this.description="";this.noItemsText="";this.noItemsLink="";this.hasItems=true}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"feedreader")}}componentDidLoad(){try{this.hasItems=this.itemsWrapperElement.querySelectorAll("stzh-feedreader-item").length>0}catch(e){console.error("noChildNodesException",e)}}render(){const e={"stzh-feedreader":true};const r=d(this.element,"subscribe-feed");const a=d(this.element,"subscribe-proxy");const i=d(this.element,"connection-error");return s(t,{key:"0632d984b101d693fd30f9e9fc0dab8ea65648f5"},s("div",{key:"a981907beaffc17340221e03eb9f435a5f86a636",class:e},s("div",{key:"20454dec2623b56401b4aba9b2bad6f94ba1ebbc",class:"stzh-feedreader__container"},s("div",{key:"eedd15ec6f01ade68f4227d3d8e0a101a489f954",class:"stzh-feedreader__header"},s("stzh-heading",{key:"592ebf1b9d2eef8eca8d9cfe432cb2383268ecdd",level:this.headingLevel},this.heading),s("stzh-text",{key:"315c51f1052885cfc7d3cd30b56046e9394f9daf"},this.description)),(r||a)&&s("div",{key:"57d3e604126a4d2234ff997ede18d340935ff34a",class:"stzh-feedreader__subscribe"},s("slot",{key:"9ccb5f3a86d47b9546895cf977bfde57d9de0fcd",name:"subscribe-feed"}),s("slot",{key:"2a19bfff9b7972a17713855890da2645a94a6e92",name:"subscribe-proxy"})),!this.hasItems&&!i&&s("stzh-message",{key:"56e64d2286f57571e269ae5e244616a3df180790",label:this.noItemsText,hideClose:true},!!this.noItemsLink&&s("stzh-link",{key:"2f0986d8d8f23a064c6e0c755e461d8b15cca761",slot:"link",href:this.noItemsLink},this.localization.moreInfo)),i&&s("div",{key:"9c3517ca208d1ea4a6a494817b1b51ef053a8a9e",class:"stzh-feedreader__connection-error"},s("slot",{key:"1f1fa1d567409c4e8593fa92d409930b68b609c5",name:"connection-error"})),s("div",{key:"dca73ab50231b43f777802d64a6adc52d9ac7c26",class:"stzh-feedreader__items",ref:e=>this.itemsWrapperElement=e},s("slot",{key:"8aedaba8e442fef7f684f3e19178341a266edbbf"})))))}get element(){return r(this)}};i.style=a();export{i as stzh_feedreader};
-//# sourceMappingURL=p-a41ed36a.entry.js.map
+import{r as e,h as s,a as r,d as t}from"./p-Cd_ra_Ay.js";import{h as d}from"./p-DhuTERdU.js";import"./p-BubviQku.js";const a=()=>`.sc-stzh-feedreader-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-feedreader-h,[stzh-hidden].sc-stzh-feedreader-h{display:none}.sc-stzh-feedreader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-h *.sc-stzh-feedreader,.sc-stzh-feedreader-h *.sc-stzh-feedreader::before,.sc-stzh-feedreader-h *.sc-stzh-feedreader::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-feedreader-h .has-focus.sc-stzh-feedreader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader{outline-style:none !important}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader::-moz-focus-inner{border:0 !important}.stzh-feedreader__header.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__subscribe.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__items.sc-stzh-feedreader{display:grid;column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-ultra)}}`;const i=class{constructor(s){e(this,s);this.heading="";this.headingLevel="3";this.description="";this.noItemsText="";this.noItemsLink="";this.hasItems=true}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"feedreader")}}componentDidLoad(){try{this.hasItems=this.itemsWrapperElement.querySelectorAll("stzh-feedreader-item").length>0}catch(e){console.error("noChildNodesException",e)}}render(){const e={"stzh-feedreader":true};const t=d(this.element,"subscribe-feed");const a=d(this.element,"subscribe-proxy");const i=d(this.element,"connection-error");return s(r,{key:"585bbba80a0811664fcc2fa8fd625cd8655e3395"},s("div",{key:"1b5cf59f524032928f7fc1be1c13fa276ec8aee2",class:e},s("div",{key:"6d7c4859e10aaac5e799fe25e3df6e48dc4177a7",class:"stzh-feedreader__container"},s("div",{key:"a836351af7e1c34eb4185b220b18840393854953",class:"stzh-feedreader__header"},s("stzh-heading",{key:"538dd6530eec23225a5056f3dbdcce1661a9f04a",level:this.headingLevel},this.heading),s("stzh-text",{key:"fbf3caa72ba0a439f58a535570ff0e6f26ecfea6"},this.description)),(t||a)&&s("div",{key:"295435654fc0173f3563ef06a991ba2e9e08fd2f",class:"stzh-feedreader__subscribe"},s("slot",{key:"098ad14079743d30879c13a3e279d687edb67838",name:"subscribe-feed"}),s("slot",{key:"113867124ac4a39ed9ef8ff3ac7e36e08c6f8eff",name:"subscribe-proxy"})),!this.hasItems&&!i&&s("stzh-message",{key:"a4e56e1f88834f4cad0288decb7217b47f24c427",label:this.noItemsText,hideClose:true},!!this.noItemsLink&&s("stzh-link",{key:"58f4e5680b06efc8286eb441208ab58ac7d4a452",slot:"link",href:this.noItemsLink},this.localization.moreInfo)),i&&s("div",{key:"416edc6d240e38bdc1a1127bc1733874f19cd2bd",class:"stzh-feedreader__connection-error"},s("slot",{key:"55501003e971585e9d8de9fed9a3b38af545255b",name:"connection-error"})),s("div",{key:"24148d7f7c4ce020fc7cc404e2191f8ed1ae14f0",class:"stzh-feedreader__items",ref:e=>this.itemsWrapperElement=e},s("slot",{key:"2fd37b35f21650091ae54989e5e8bd7808f785a7"})))))}get element(){return t(this)}};i.style=a();export{i as stzh_feedreader};
+//# sourceMappingURL=p-10f8a411.entry.js.map

package/dist/stzh-components/{p-c5157043.entry.js → p-1509f376.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as o,a as e,d as i}from"./p-Qb46gVIp.js";import{s as a,h as n}from"./p--MYN2wgX.js";import{w as r}from"./p--SdF31O7.js";import{s as h,a as l,b as c}from"./p-BOO84wnP.js";import{a as d}from"./p-Cpg2gH_9.js";import"./p-BubviQku.js";const f=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-toast{outline:0.125rem solid Highlight;outline-offset:-0.125rem}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast{}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}`;const m={keyframes:[{transform:"translateY(100%)",opacity:"0",height:"0",marginBottom:"0"},{transform:"translateY(0px)",opacity:"1",height:"auto",marginBottom:"auto"}],options:{duration:300,easing:"ease-out"}};const p={keyframes:[{transform:"translateX(0px)",opacity:"1",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"0",marginBottom:"0"}],options:{duration:300,easing:"ease-in"}};const z=class{constructor(o){t(this,o);this.stzhOpen=s(this,"stzhOpen");this.stzhOpened=s(this,"stzhOpened");this.stzhClose=s(this,"stzhClose");this.stzhClosed=s(this,"stzhClosed");this.label="";this.type="info";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.handleLinkSlotchange=()=>{var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.querySelectorAll('stzh-button[slot="link"], [slot="link"] stzh-button');o.forEach((t=>{a(t,{size:"small",variant:"tertiary"})}))};this.onCloseButtonClick=()=>{this.hide()}}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-toast"})}await h(this.element);this.element.hidden=false;const t=getComputedStyle(this.element,null);await l(this.element,c(m.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),m.options);this.element.style.height="auto";this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-toast"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-toast"})}await h(this.element);const t=getComputedStyle(this.element,null);await l(this.element,c(p.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),p.options);this.element.style.height="0px";this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-toast"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toast")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.height="0px";this.element.style.opacity="0";requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.openWatcher(true)}))}))}else{this.element.hidden=!this.open;this.element.style.height=this.open?"auto":"0px";this.element.style.opacity=this.open?"1":"0"}}render(){const t=n(this.element,"link");const s={"stzh-toast":true,"stzh-toast--has-link":t,"stzh-toast--has-close-hidden":this.hideClose,[`stzh-toast--type-${this.type}`]:!!this.type};return o(e,{key:"446b49e231a058653d3736c4a7a24365e7946505"},o("div",{key:"b8c82e172f2a3fb99abf66762f91e9febd56c901",ref:t=>this.rootElement=t,class:s},o("div",{key:"48357da05b863ddb5546b0c5424a34fde8fe8e1c",class:"stzh-toast__content"},o("div",{key:"36bd30993042f504aafc5f9b23f5579192c1014d",class:"stzh-toast__icon-wrapper"},o("stzh-icon",{key:"99d7cbcce440e9873efd79045cbd8e076e51b6ca",class:"stzh-toast__icon",name:this.type==="info"&&"info-help-filled"||this.type==="success"&&"checkmark-circle-filled"||this.type==="warning"&&"important-warning-filled"||this.type==="error"&&"warning-filled"})),o("div",{key:"a0a387bda275dfdbdb810bfe9b4a1fa04d1af3a1",class:"stzh-toast__text-wrapper"},o("div",{key:"4ca9c2d4b985d4252aefc8855397c39f15ee3213",class:"stzh-toast__label"},this.label),o("div",{key:"39e0201d434143a083dfe9bb63073600ef331b9f",class:"stzh-toast__link"},o("slot",{key:"7c50d8dd47044590ef5a232d2286a85d8a8da647",name:"link",onSlotchange:this.handleLinkSlotchange})))),!this.hideClose&&o("div",{key:"3506c634657d88e3b57b306c9ae19416e2ea49bb",class:"stzh-toast__close-wrapper"},o("stzh-button",{key:"7be034a61ffdb0c3c65a7a135537416edced7604",class:"stzh-toast__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"]}}};z.style=f();const b=()=>`: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{bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}:host{z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}`;const u="stzh-components-toastbar-closed";const g=class{constructor(s){t(this,s);this.hideAfter=30;this.max=5;this.initialToasts=[];this._initialToasts=[];this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()}}async toast(t,{type:s,link:o}={type:"info"}){const e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=s||"info";e.initialOpenAnimation=true;if(o){o.slot="link";o.size="small";e.appendChild(o)}this.element.appendChild(e);return e}initialToastsWatcher(t){if(typeof t==="string"){this._initialToasts=JSON.parse(t)}else{this._initialToasts=t}}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let s=(new Date).getTime();let o=this.hideAfter*1e3;let e=window.setTimeout((()=>{t.hide()}),o);t.addEventListener("pointerenter",(()=>{if(e){window.clearTimeout(e);const t=(new Date).getTime()-s;o=o-t}}));t.addEventListener("pointerleave",(()=>{s=(new Date).getTime();e=window.setTimeout((()=>{t.hide()}),o)}))}}toastsAppended(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;Array.from(s.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.children.length;Array.from(s.children).splice(0,o-this.max).forEach((t=>{t.hide()}))}componentWillLoad(){this.initialToastsWatcher(this.initialToasts)}componentDidLoad(){this._initialToasts.forEach((async t=>{if(t.cookie){const s=d.get(`${u}-${t.cookie}`);if(s){return}}let s=t.link;if(!(s instanceof HTMLElement)){const o=document.createElement("stzh-button");o.slot="link";o.size="small";Object.assign(o,t.link);s=o}const o=await this.toast(t.label,{type:t.type,link:s});if(t.cookie){let s=365;if(t.cookieExpires===0){s=null}else if(t.cookieExpires){s=t.cookieExpires}o.addEventListener("stzhClosed",(()=>{d.set(`${u}-${t.cookie}`,"1",{expires:s})}))}}))}render(){const t={"stzh-toastbar":true};return o(e,{key:"7460a6148cb0e08e92a1bb594e0c81f438844b26"},o("div",{key:"6ae7db9674257007e24f428cf51889f24cc2854d",class:t},o("slot",{key:"38ee0dc0da0aebe58ff6925d2aa3c2a93324f3b1",onSlotchange:this.handleSlotchange})))}get element(){return i(this)}static get watchers(){return{initialToasts:["initialToastsWatcher"]}}};g.style=b();export{z as stzh_toast,g as stzh_toastbar};
-//# sourceMappingURL=p-c5157043.entry.js.map
+import{r as t,c as s,h as o,a as e,d as i}from"./p-Cd_ra_Ay.js";import{s as a,h as n}from"./p-DhuTERdU.js";import{w as r}from"./p--SdF31O7.js";import{s as h,a as l,b as c}from"./p-BOO84wnP.js";import{a as d}from"./p-Cpg2gH_9.js";import"./p-BubviQku.js";const f=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-toast{outline:0.125rem solid Highlight;outline-offset:-0.125rem}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast{}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}`;const m={keyframes:[{transform:"translateY(100%)",opacity:"0",height:"0",marginBottom:"0"},{transform:"translateY(0px)",opacity:"1",height:"auto",marginBottom:"auto"}],options:{duration:300,easing:"ease-out"}};const p={keyframes:[{transform:"translateX(0px)",opacity:"1",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"0",marginBottom:"0"}],options:{duration:300,easing:"ease-in"}};const b=class{constructor(o){t(this,o);this.stzhOpen=s(this,"stzhOpen");this.stzhOpened=s(this,"stzhOpened");this.stzhClose=s(this,"stzhClose");this.stzhClosed=s(this,"stzhClosed");this.label="";this.type="info";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.handleLinkSlotchange=()=>{var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.querySelectorAll('stzh-button[slot="link"], [slot="link"] stzh-button');o.forEach((t=>{a(t,{size:"small",variant:"tertiary"})}))};this.onCloseButtonClick=()=>{this.hide()}}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-toast"})}await h(this.element);this.element.hidden=false;const t=getComputedStyle(this.element,null);await l(this.element,c(m.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),m.options);this.element.style.height="auto";this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-toast"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-toast"})}await h(this.element);const t=getComputedStyle(this.element,null);await l(this.element,c(p.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),p.options);this.element.style.height="0px";this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-toast"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toast")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.height="0px";this.element.style.opacity="0";requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.openWatcher(true)}))}))}else{this.element.hidden=!this.open;this.element.style.height=this.open?"auto":"0px";this.element.style.opacity=this.open?"1":"0"}}render(){const t=n(this.element,"link");const s={"stzh-toast":true,"stzh-toast--has-link":t,"stzh-toast--has-close-hidden":this.hideClose,[`stzh-toast--type-${this.type}`]:!!this.type};return o(e,{key:"4c1c4cdc64fe10891d3a7ded71e82ea8fb97ff3f"},o("div",{key:"2ebebb2a6ccda97cef30090b87b0b9b9ea3dc728",ref:t=>this.rootElement=t,class:s},o("div",{key:"ad66296b97fc4b8fe79823363108a5a4b2788fc4",class:"stzh-toast__content"},o("div",{key:"355d0723f6294bc707e7007be0375cfcdfc28832",class:"stzh-toast__icon-wrapper"},o("stzh-icon",{key:"827bcd937f4323c3937ede281c2259f452bc2a1e",class:"stzh-toast__icon",name:this.type==="info"&&"info-help-filled"||this.type==="success"&&"checkmark-circle-filled"||this.type==="warning"&&"important-warning-filled"||this.type==="error"&&"warning-filled"})),o("div",{key:"c6d067a69990c35e8f62ab512350a7bf92adf771",class:"stzh-toast__text-wrapper"},o("div",{key:"54ce50bd06b48edf6f5cb5d707c2b0709ab1af19",class:"stzh-toast__label"},this.label),o("div",{key:"1f5b83d94cd519a0e3a211cdd2b5f59bab9782ee",class:"stzh-toast__link"},o("slot",{key:"47709f8c4029e598692fc229058fabfab3f31f3c",name:"link",onSlotchange:this.handleLinkSlotchange})))),!this.hideClose&&o("div",{key:"4c925104f8f7c0b64cd435cb5cd649ad2cac8b87",class:"stzh-toast__close-wrapper"},o("stzh-button",{key:"8603abac79c8874eef356847caebee04b2b4562a",class:"stzh-toast__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"]}}};b.style=f();const z=()=>`: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{bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}:host{z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}`;const u="stzh-components-toastbar-closed";const g=class{constructor(s){t(this,s);this.hideAfter=30;this.max=5;this.initialToasts=[];this._initialToasts=[];this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()}}async toast(t,{type:s,link:o}={type:"info"}){const e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=s||"info";e.initialOpenAnimation=true;if(o){o.slot="link";o.size="small";e.appendChild(o)}this.element.appendChild(e);return e}initialToastsWatcher(t){if(typeof t==="string"){this._initialToasts=JSON.parse(t)}else{this._initialToasts=t}}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let s=(new Date).getTime();let o=this.hideAfter*1e3;let e=window.setTimeout((()=>{t.hide()}),o);t.addEventListener("pointerenter",(()=>{if(e){window.clearTimeout(e);const t=(new Date).getTime()-s;o=o-t}}));t.addEventListener("pointerleave",(()=>{s=(new Date).getTime();e=window.setTimeout((()=>{t.hide()}),o)}))}}toastsAppended(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;Array.from(s.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.children.length;Array.from(s.children).splice(0,o-this.max).forEach((t=>{t.hide()}))}componentWillLoad(){this.initialToastsWatcher(this.initialToasts)}componentDidLoad(){this._initialToasts.forEach((async t=>{if(t.cookie){const s=d.get(`${u}-${t.cookie}`);if(s){return}}let s=t.link;if(!(s instanceof HTMLElement)){const o=document.createElement("stzh-button");o.slot="link";o.size="small";Object.assign(o,t.link);s=o}const o=await this.toast(t.label,{type:t.type,link:s});if(t.cookie){let s=365;if(t.cookieExpires===0){s=null}else if(t.cookieExpires){s=t.cookieExpires}o.addEventListener("stzhClosed",(()=>{d.set(`${u}-${t.cookie}`,"1",{expires:s})}))}}))}render(){const t={"stzh-toastbar":true};return o(e,{key:"5034ae6c3038f1aea0dc54e7b8b5d2dfc03b4e02"},o("div",{key:"3ed760bfe5f3861b8f77784816e8028d0dc93b5c",class:t},o("slot",{key:"b088a5aac35d1af50d648d7cf9dea80785707de1",onSlotchange:this.handleSlotchange})))}get element(){return i(this)}static get watchers(){return{initialToasts:["initialToastsWatcher"]}}};g.style=z();export{b as stzh_toast,g as stzh_toastbar};
+//# sourceMappingURL=p-1509f376.entry.js.map