@oiz/stzh-components 4.5.0 → 4.6.0-beta1

package/dist/stzh-components/{p-dac817d4.entry.js → p-0422500c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,g as i}from"./p-ef5985a3.js";import{StzhSocialmediastreamItemActionVariant as s}from"./index.esm.js";const o=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-socialmediastream-item{display:block;background-color:var(--stzh-color-grey10);text-decoration:none;color:var(--stzh-color-grey80);}.stzh-socialmediastream-item:visited{color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover{background-color:var(--stzh-color-secondary10);color:var(--stzh-color-black)}.stzh-socialmediastream-item__image{position:relative}.stzh-socialmediastream-item__ratio{--background-color:var(--image-background-color)}.stzh-socialmediastream-item__image-inner-wrapper{background-color:var(--image-background-color);position:absolute;inset:0;height:100%}.stzh-socialmediastream-item__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-socialmediastream-item__content{padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-small);display:flex;flex-direction:column;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__content-head{display:flex;align-items:center}.stzh-socialmediastream-item__content-head stzh-icon{--color:var(--stzh-color-primary)}.stzh-socialmediastream-item__content-title{width:100%;--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover .stzh-socialmediastream-item__content-title{--color:var(--stzh-color-black)}.stzh-socialmediastream-item__content-body{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item__content-body a{word-wrap:break-word;color:var(--stzh-link-color)}.stzh-socialmediastream-item__content-body a:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__content-body a+a{margin-left:var(--stzh-space-xxsmall)}.stzh-socialmediastream-item__content-footer{display:flex;align-items:center;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__action{text-decoration:none;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);color:var(--stzh-link-color);display:flex;align-items:center;gap:var(--stzh-space-xxsmall);line-height:1}.stzh-socialmediastream-item__action:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__action stzh-icon{--size:1rem}";const r=o;const c=class{constructor(e){t(this,e);this.init=()=>{this.itemWatcher(this.item)};this.item="";this.localization=undefined;this.dateAdapter=undefined}itemWatcher(t){if(!t){this._item=undefined}else if(typeof t==="string"){try{this._item=JSON.parse(t)}catch(t){this._item=undefined}}else{this._item=t}}getIconName(t){switch(t.channel){case"facebook":return"facebook";case"twitter":case"x":return"twitter";case"instagram":return"instagram";case"youtube":return"youtube";default:return"warning"}}getActionIconName(t){switch(t){case s.comments:return"facebook-comment";case s.likes:return"like-hand";case s.shares:return"share"}}getParsedDate(t){const e=new Date(t);if(isNaN(e.getTime())){return null}return e}connectedCallback(){this.init()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"socialmediastream-item")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const t={"stzh-socialmediastream-item":true};return e(a,{key:"d3be8327a8166f58d97d2b8f5c66a542b34aba0b"},e("a",{key:"11181a4a8f10414b15da6e5a635854ef59980f84",class:t,href:this._item.link,target:"_blank"},this._item.image&&e("div",{key:"4ed5430702a50008b01997e411175a0554e53622",class:"stzh-socialmediastream-item__image"},e("stzh-ratio",{key:"0bfd90a4d5cb7bdf58d9dd09d7629709ffe13274",ratio:"1:1"}),e("div",{key:"5b2101a8fbf12e22de56d8e5b35bebb45033f97b",class:"stzh-socialmediastream-item__image-inner-wrapper"},e("img",{key:"80a813a49539eb7780a4cfc36fae537316fea182",src:this._item.image,alt:this._item.account.title}))),e("div",{key:"8fce0eb2f57cae1b403a7b2d4b022d5c7e8d748b",class:"stzh-socialmediastream-item__content"},e("div",{key:"7949ab547abe45b67a623dc2703d27b3973cecf1",class:"stzh-socialmediastream-item__content-head"},e("stzh-text",{key:"e6d52db80ef508c72bbf2c6cc365e72559a98bc8",size:"nano",class:"stzh-socialmediastream-item__content-title"},e("strong",{key:"cb763aa9a4d827ffc1781b1972fa7a0128a34b43"},this._item.account.title),e("br",{key:"d602e8ea46edcfec240e129a7bc2f1424d2ab68b"}),this.dateAdapter.format(this.getParsedDate(this._item.date),"dateInput")),e("stzh-icon",{key:"7a187adf9ef4ba2335a555169c480d64eca22410",name:this.getIconName(this._item)})),e("div",{key:"9468d052b21a0dcc603aafacb7f738f48733936f",class:"stzh-socialmediastream-item__content-body",innerHTML:this._item.text}),e("div",{key:"55ae3bef43d7c3710940eea457d03c44e4179e23",class:"stzh-socialmediastream-item__content-footer 1q23"},this._item.actions&&this._item.actions.map((t=>e("a",{href:t.url,title:t.title,class:"stzh-socialmediastream-item__action",target:"_blank"},e("stzh-icon",{name:this.getActionIconName(t.variant)}),t.count)))))))}get element(){return i(this)}static get watchers(){return{item:["itemWatcher"]}}};c.style=r;export{c as stzh_socialmediastream_item};
-//# sourceMappingURL=p-dac817d4.entry.js.map
+import{r as t,h as e,a,g as i}from"./p-ef5985a3.js";import{StzhSocialmediastreamItemActionVariant as s}from"./index.esm.js";const o=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-socialmediastream-item{display:block;background-color:var(--stzh-color-grey10);text-decoration:none;color:var(--stzh-color-grey80);}.stzh-socialmediastream-item:visited{color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover{background-color:var(--stzh-color-secondary10);color:var(--stzh-color-black)}.stzh-socialmediastream-item__image{position:relative}.stzh-socialmediastream-item__ratio{--background-color:var(--image-background-color)}.stzh-socialmediastream-item__image-inner-wrapper{background-color:var(--image-background-color);position:absolute;inset:0;height:100%}.stzh-socialmediastream-item__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-socialmediastream-item__content{padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-small);display:flex;flex-direction:column;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__content-head{display:flex;align-items:center}.stzh-socialmediastream-item__content-head stzh-icon{--color:var(--stzh-color-primary)}.stzh-socialmediastream-item__content-title{width:100%;--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover .stzh-socialmediastream-item__content-title{--color:var(--stzh-color-black)}.stzh-socialmediastream-item__content-body{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item__content-body a{word-wrap:break-word;color:var(--stzh-link-color)}.stzh-socialmediastream-item__content-body a:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__content-body a+a{margin-left:var(--stzh-space-xxsmall)}.stzh-socialmediastream-item__content-footer{display:flex;align-items:center;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__action{text-decoration:none;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);color:var(--stzh-link-color);display:flex;align-items:center;gap:var(--stzh-space-xxsmall);line-height:1}.stzh-socialmediastream-item__action:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__action stzh-icon{--size:1rem}";const r=o;const c=class{constructor(e){t(this,e);this.init=()=>{this.itemWatcher(this.item)};this.item="";this.localization=undefined;this.dateAdapter=undefined}itemWatcher(t){if(!t){this._item=undefined}else if(typeof t==="string"){try{this._item=JSON.parse(t)}catch(t){this._item=undefined}}else{this._item=t}}getIconName(t){switch(t.channel){case"facebook":return"facebook";case"twitter":case"x":return"twitter";case"instagram":return"instagram";case"youtube":return"youtube";default:return"warning"}}getActionIconName(t){switch(t){case s.comments:return"facebook-comment";case s.likes:return"like-hand";case s.shares:return"share"}}getParsedDate(t){const e=new Date(t);if(isNaN(e.getTime())){return null}return e}connectedCallback(){this.init()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"socialmediastream-item")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const t={"stzh-socialmediastream-item":true};return e(a,{key:"a2db53c89224f5db81b9aabcf1ee6375294d7446"},e("a",{key:"ca521339ebbbb64466275bb2ae17726607ec2178",class:t,href:this._item.link,target:"_blank"},this._item.image&&e("div",{key:"02b7ec3cc7ab92a2ecb59167f1a32721ece3405b",class:"stzh-socialmediastream-item__image"},e("stzh-ratio",{key:"66111e4bb0e6daea944f7410a692560e42238b43",ratio:"1:1"}),e("div",{key:"baa7fdba65b5a6144615c5349661708f9e3efdea",class:"stzh-socialmediastream-item__image-inner-wrapper"},e("img",{key:"029b2d40c233eca33502f3369a4d37a2587acb87",src:this._item.image,alt:this._item.account.title}))),e("div",{key:"6928ef7b63c9e7026aeecc632aa84aaf51e0826c",class:"stzh-socialmediastream-item__content"},e("div",{key:"7100f1db4726db79982da3c801dec9a77817c0eb",class:"stzh-socialmediastream-item__content-head"},e("stzh-text",{key:"1bc8ad7d81fb8ad0fbdecd2a28190f695121d485",size:"nano",class:"stzh-socialmediastream-item__content-title"},e("strong",{key:"e11d2ea1c02376b23c9badc5858b246fcd3235b9"},this._item.account.title),e("br",{key:"5e527a82280db5b1890836f26b04aa3439376759"}),this.dateAdapter.format(this.getParsedDate(this._item.date),"dateInput")),e("stzh-icon",{key:"1774cda6ba51958bec13cd4ba724cd513ebebc32",name:this.getIconName(this._item)})),e("div",{key:"f7900847ad81fa65f625de40e839adf32433403b",class:"stzh-socialmediastream-item__content-body",innerHTML:this._item.text}),e("div",{key:"730c56fcf7d1bfac01dd18567c15021de211d77e",class:"stzh-socialmediastream-item__content-footer 1q23"},this._item.actions&&this._item.actions.map((t=>e("a",{href:t.url,title:t.title,class:"stzh-socialmediastream-item__action",target:"_blank"},e("stzh-icon",{name:this.getActionIconName(t.variant)}),t.count)))))))}get element(){return i(this)}static get watchers(){return{item:["itemWatcher"]}}};c.style=r;export{c as stzh_socialmediastream_item};
+//# sourceMappingURL=p-0422500c.entry.js.map

package/dist/stzh-components/{p-5149779d.entry.js → p-08dcf795.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as o,g as h}from"./p-ef5985a3.js";import{d as e,o as n}from"./p-87c329f2.js";import{t as c}from"./p-9ed1a9d3.js";import"./p-dae15605.js";import"./p-6997324b.js";import"./p-1ab64d01.js";const a=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents;}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}';const r=a;const d="data-stzh-sticky-container";const k="data-stzh-sticky-width-container";const l=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop",7);this.stzhStuckBottom=s(this,"stzhStuckBottom",7);this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!e(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${k}]`)||this.element.parentElement;const s=n((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(e(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()};this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.name=undefined;this.position="sticky";this.isStuckTop=undefined;this.isStuckBottom=undefined;this.hasReachedTopLimit=undefined;this.hasReachedBottomLimit=undefined;this.loaded=false}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${d}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"09b291b9b737fe5bcf0c86fa64367c59d93e52d2","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"29b6e68c486f85fa8c07a61c5fd124cca65a377b",class:s},i("div",{key:"b7006519791f0d1bbdfab03fe6c3d995406f3318",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"6efa8cbbd1a53255f74e55746a397328283f597a",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"701494061066cf048f04293c6610b074bdc9ea60",class:"stzh-sticky__content"},i("div",{key:"9c50260068f966551bb025001b2f83d4679507c3",class:"stzh-sticky__content-inner"},i("slot",{key:"9110714f09149e6c0cdbe2f46d8b2cc8b8f846b5"}))))))}get element(){return h(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};l.style=r;export{l as stzh_sticky};
-//# sourceMappingURL=p-5149779d.entry.js.map
+import{r as t,c as s,h as i,a as o,g as e}from"./p-ef5985a3.js";import{d as h,o as n}from"./p-87c329f2.js";import{t as c}from"./p-9ed1a9d3.js";import"./p-dae15605.js";import"./p-6997324b.js";import"./p-1ab64d01.js";const a=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents;}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}';const r=a;const d="data-stzh-sticky-container";const k="data-stzh-sticky-width-container";const l=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop",7);this.stzhStuckBottom=s(this,"stzhStuckBottom",7);this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!h(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${k}]`)||this.element.parentElement;const s=n((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(h(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()};this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.name=undefined;this.position="sticky";this.isStuckTop=undefined;this.isStuckBottom=undefined;this.hasReachedTopLimit=undefined;this.hasReachedBottomLimit=undefined;this.loaded=false}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${d}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"366a3c2c59058ea5e6184d481827b5487a642f33","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"f94ec092ad846089f58e75a5bf3b11efe123b210",class:s},i("div",{key:"c69b2cc74ef7276d4530c6eab020c5801e5db86f",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"8059e8c6fd26eca9cd1409674ed32925bf244aae",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"d3531d057480b4e99f5a398c1801a661b8250c80",class:"stzh-sticky__content"},i("div",{key:"adbe9130517d8564d0e6c591580af6ecb4c81dd1",class:"stzh-sticky__content-inner"},i("slot",{key:"0e1ff73b671caa8d7119a8900853437cfb731bd1"}))))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};l.style=r;export{l as stzh_sticky};
+//# sourceMappingURL=p-08dcf795.entry.js.map

package/dist/stzh-components/{p-6705f73a.entry.js → p-0b54e58b.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as i,a as t}from"./p-ef5985a3.js";const e=".sc-stzh-visuallyhidden-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-visuallyhidden-h,[stzh-hidden].sc-stzh-visuallyhidden-h{display:none}.sc-stzh-visuallyhidden-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::before,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::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-visuallyhidden-h .has-focus.sc-stzh-visuallyhidden{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden{outline-style:none !important}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden::-moz-focus-inner{border:0 !important}.sc-stzh-visuallyhidden-h{display:contents}.sc-stzh-visuallyhidden-h.sc-stzh-visuallyhidden-s>*:not(:focus):not(:active),.sc-stzh-visuallyhidden-h .sc-stzh-visuallyhidden-s>*:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-visuallyhidden.sc-stzh-visuallyhidden{display:contents}";const n=e;const h=class{constructor(i){s(this,i)}render(){return i(t,{key:"9cefe75f5e220a3e05bd67feffdf6148a2eacd15"},i("div",{key:"52f4997638e9324eb980146a51e05f38d9e4206f",class:{"stzh-visuallyhidden":true}},i("slot",{key:"710b4b42c15925872e34c49b59f7472990c824a6"})))}};h.style=n;export{h as stzh_visuallyhidden};
-//# sourceMappingURL=p-6705f73a.entry.js.map
+import{r as s,h as i,a as t}from"./p-ef5985a3.js";const e=".sc-stzh-visuallyhidden-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-visuallyhidden-h,[stzh-hidden].sc-stzh-visuallyhidden-h{display:none}.sc-stzh-visuallyhidden-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::before,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::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-visuallyhidden-h .has-focus.sc-stzh-visuallyhidden{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden{outline-style:none !important}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden::-moz-focus-inner{border:0 !important}.sc-stzh-visuallyhidden-h{display:contents}.sc-stzh-visuallyhidden-h.sc-stzh-visuallyhidden-s>*:not(:focus):not(:active),.sc-stzh-visuallyhidden-h .sc-stzh-visuallyhidden-s>*:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-visuallyhidden.sc-stzh-visuallyhidden{display:contents}";const n=e;const d=class{constructor(i){s(this,i)}render(){return i(t,{key:"599ee652c6a48b89b6c2a3be26ffd57726cee23f"},i("div",{key:"6c57168d07a448347bd4e448a3b3007a573fb27b",class:{"stzh-visuallyhidden":true}},i("slot",{key:"584c98a4a24f09d95d6d9fbf37b8c8f508ae2441"})))}};d.style=n;export{d as stzh_visuallyhidden};
+//# sourceMappingURL=p-0b54e58b.entry.js.map

package/dist/stzh-components/p-0c1c23b6.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,F as i,a as e,g as o}from"./p-ef5985a3.js";import{a as h}from"./p-30d100f4.js";const a=".sc-stzh-poilist-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-poilist-h,[stzh-hidden].sc-stzh-poilist-h{display:none}.sc-stzh-poilist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-poilist-h *.sc-stzh-poilist,.sc-stzh-poilist-h *.sc-stzh-poilist::before,.sc-stzh-poilist-h *.sc-stzh-poilist::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-poilist-h .has-focus.sc-stzh-poilist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist{outline-style:none !important}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist::-moz-focus-inner{border:0 !important}.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xsmall);display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 600px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xlarge)}}.stzh-poilist__header.sc-stzh-poilist stzh-text.sc-stzh-poilist{--color:var(--stzh-color-grey80);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-large);display:grid}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{justify-content:center}}.stzh-poilist.sc-stzh-poilist stzh-dropdown.sc-stzh-poilist{--color:var(--stzh-color-primary90);--icon-color:var(--stzh-color-primary90);--icon-angle-color:var(--stzh-color-primary90)}";const r=a;const n=class{constructor(s){t(this,s);this.handleMoreClick=async()=>{this.loadingText=this.localization.dataLoading;this.isLoading=true;this.currentOffset++;const{data:t}=await h.get(this.getCurrentApiUrl());this.meta=t.meta;this.items=this.items.concat(t.items);this.isLoading=false};this.onSortChange=async t=>{this.activeSorting=t.detail.value;this.currentOffset=0;this.items=[];await this.apiWatcher(this.api)};this.localization=undefined;this.api=undefined;this.currentOffset=0;this.meta=undefined;this.items=[];this.isLoading=true;this.dropdownOptions=[];this.activeSorting=undefined;this.latitude=47.3714332;this.longitude=8.542093;this.geopositionError="";this.loadingText=""}async apiWatcher(t){this.loadingText=this.localization.dataLoading;if(!t){return}const{data:s}=await h.get(this.getCurrentApiUrl());this.meta=s.meta;this.items=s.items;this.isLoading=false}getCurrentApiUrl(){return`${this.api}?offset=${this.currentOffset}&sort=${this.activeSorting}:DESC&latitude=${this.latitude}&longitude=${this.longitude}`}getNumberOfLoadedItems(){if(this.meta.currentPage!==this.meta.totalPages){return this.meta.itemsPerPage*this.meta.currentPage}else{return this.meta.totalItems}}async getUserPosition(){this.loadingText=this.localization.geopositionLoading;try{const t=await this.getPositionAsync();this.latitude=t.coords.latitude;this.longitude=t.coords.longitude}catch(t){console.error("geopositionNotFoundException",t);this.geopositionError=this.localization.geopositionError}}getPositionAsync(){return new Promise(((t,s)=>{if(navigator.geolocation){navigator.geolocation.getCurrentPosition((s=>t(s)),(t=>s(t)))}else{s(new Error("Geolocation is not supported by this browser."))}}))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"poilist")}this.dropdownOptions=[{text:this.localization.sortByDistance,value:"distance"},{text:this.localization.sortByName,value:"name"}];this.activeSorting=this.dropdownOptions[0].value}async componentDidLoad(){await this.getUserPosition();await this.apiWatcher(this.api)}render(){const t={"stzh-poilist":true};return s(e,{key:"2cca93ed29e1c2b29cbdbd44da0162d8f4bf509c"},s("div",{key:"704cc8ddc1704c60e9afdfbd8221ad591a855df9",class:t},s("stzh-overlay",{key:"b40ddc942f967621d3e4ed9ac3ae6950419e05c1",open:this.isLoading},s("stzh-loader",{key:"6f3449f95dfbd43a5b2b070c52055346ae61ccf7",label:this.loadingText})),this.geopositionError&&s("stzh-message",{key:"7efaf270fb12bbe0471669abde2306dfc651267d",type:"error",label:this.geopositionError}),(this.items.length>0||this.meta)&&s(i,{key:"05f2569d167029874bf7bcd75439692c18dd713a"},s("div",{key:"0a48f839d41d4127630dae30de32e42b7fbe1738",class:"stzh-poilist__header"},s("stzh-text",{key:"420a3cbee618f842a868102b8187c1c0d6d4a803",size:"micro"},this.getNumberOfLoadedItems()," ",this.localization.of," ",this.meta.totalItems),s("stzh-dropdown",{key:"87d7f9b923682699fab487529a9c8cc3f8d93167",label:"Sortierung","hide-optional":true,variant:"plain",noSearch:true,inline:true,noWrap:true,onStzhChange:this.onSortChange,items:Array.isArray(this.activeSorting)?this.activeSorting:[this.activeSorting],options:this.dropdownOptions})),s("stzh-cardlist",{key:"99f70ed406799852713b9406559ba80a27c5f475",layout:"teasers"},this.items.map((t=>s("stzh-poicard",{item:t})))),this.meta.currentPage!==this.meta.totalPages&&s("div",{key:"f78b1be1bc0aded858987e3854a6b4efe964b79c",class:"stzh-poilist__show-more"},s("stzh-button",{key:"2bbd8362bc26ccc73433e6173fcfee59fb9a8882",variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick})))))}get element(){return o(this)}static get watchers(){return{api:["apiWatcher"]}}};n.style=r;export{n as stzh_poilist};
+//# sourceMappingURL=p-0c1c23b6.entry.js.map

package/dist/stzh-components/{p-7fcdf0da.entry.js.map → p-0c1c23b6.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhPoilistCss","StzhPoilistStyle0","StzhPoilist","this","handleMoreClick","async","loadingText","localization","dataLoading","isLoading","currentOffset","data","axios","get","getCurrentApiUrl","meta","items","concat","onSortChange","e","activeSorting","detail","value","apiWatcher","api","newValue","latitude","longitude","getNumberOfLoadedItems","currentPage","totalPages","itemsPerPage","totalItems","getUserPosition","geopositionLoading","position","getPositionAsync","coords","geopositionNotFoundException","console","error","geopositionError","Promise","resolve","reject","navigator","geolocation","getCurrentPosition","Error","componentWillLoad","window","stzhComponents","utils","fetchTranslations","element","dropdownOptions","text","sortByDistance","sortByName","componentDidLoad","render","classes","h","Host","key","class","open","label","type","length","Fragment","size","of","variant","noSearch","inline","noWrap","onStzhChange","Array","isArray","options","layout","map","item","showMore","onClick"],"sources":["src/components/CMS/stzh-poilist/stzh-poilist.scss?tag=stzh-poilist&encapsulation=scoped","src/components/CMS/stzh-poilist/stzh-poilist.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-poilist {\n  &__header {\n    @include spaceCurve(\"margin-bottom\", \"small\");\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  &__header stzh-text {\n    --color: var(--stzh-color-grey80);\n    @include font(heavy);\n  }\n\n  &__show-more {\n    @include spaceCurve(\"margin-top\", \"medium\");\n    display: grid;\n\n    @include mq($from: small) {\n      justify-content: center;\n    }\n  }\n\n  stzh-dropdown {\n    --color: var(--stzh-color-primary90);\n    --icon-color: var(--stzh-color-primary90);\n    --icon-angle-color: var(--stzh-color-primary90);\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport axios from \"axios\";\n\nimport {\n  StzhDropdownChangeEvent,\n  StzhDropdownCustomEvent,\n  StzhDropdownOption,\n  StzhPoiCardItemData,\n  StzhPoiListData,\n  StzhPoiListMetaData,\n} from \"../../../index\";\nimport { StzhPoilistLocalizedText } from \"./stzh-poilist.localization\"; // export type StzhPoiListMetaData = {\n\n@Component({\n  tag: \"stzh-poilist\",\n  styleUrl: \"stzh-poilist.scss\",\n  scoped: true,\n})\nexport class StzhPoilist {\n  /** Translation strings */\n  @Prop() localization: StzhPoilistLocalizedText;\n\n  /** API URL (`{lang}` is replaced in the URL)  */\n  @Prop() api: string;\n\n  @Element() element: HTMLStzhPoilistElement;\n\n  @State() currentOffset: number = 0;\n  @State() meta: StzhPoiListMetaData;\n  @State() items: StzhPoiCardItemData[] = [];\n  @State() isLoading: boolean = true;\n\n  /** Sorting */\n  @State() dropdownOptions: StzhDropdownOption[] = [];\n  @State() activeSorting: string | string[];\n\n  /** Geoposition (STZH Rathaus by default) */\n  @State() latitude: number = 47.3714332;\n  @State() longitude: number = 8.542093;\n  @State() geopositionError: string = \"\";\n\n  @State() loadingText: string = \"\";\n\n  @Watch(\"api\")\n  async apiWatcher(newValue: string) {\n    this.loadingText = this.localization.dataLoading;\n    if (!newValue) {\n      return;\n    }\n\n    // load data from API\n    const { data } = await axios.get<StzhPoiListData>(this.getCurrentApiUrl());\n    this.meta = data.meta;\n    this.items = data.items;\n    this.isLoading = false;\n  }\n\n  private getCurrentApiUrl() {\n    return `${this.api}?offset=${this.currentOffset}&sort=${this.activeSorting}:DESC&latitude=${this.latitude}&longitude=${this.longitude}`;\n  }\n\n  private handleMoreClick = async () => {\n    this.loadingText = this.localization.dataLoading;\n    this.isLoading = true;\n    this.currentOffset++;\n    const { data } = await axios.get<StzhPoiListData>(this.getCurrentApiUrl());\n    this.meta = data.meta;\n    this.items = this.items.concat(data.items);\n    this.isLoading = false;\n  };\n\n  private getNumberOfLoadedItems(): number {\n    if (this.meta.currentPage !== this.meta.totalPages) {\n      return this.meta.itemsPerPage * this.meta.currentPage;\n    } else {\n      return this.meta.totalItems;\n    }\n  }\n\n  private onSortChange = async (e: StzhDropdownCustomEvent<StzhDropdownChangeEvent>) => {\n    this.activeSorting = e.detail.value;\n    this.currentOffset = 0;\n    this.items = [];\n    await this.apiWatcher(this.api);\n  };\n\n  private async getUserPosition() {\n    this.loadingText = this.localization.geopositionLoading;\n    try {\n      const position = await this.getPositionAsync();\n      this.latitude = position.coords.latitude;\n      this.longitude = position.coords.longitude;\n    } catch (geopositionNotFoundException) {\n      console.error(\"geopositionNotFoundException\", geopositionNotFoundException);\n      this.geopositionError = this.localization.geopositionError;\n    }\n  }\n\n  private getPositionAsync(): Promise<GeolocationPosition> {\n    return new Promise((resolve, reject) => {\n      if (navigator.geolocation) {\n        navigator.geolocation.getCurrentPosition(\n          position => resolve(position),\n          error => reject(error),\n        );\n      } else {\n        reject(new Error(\"Geolocation is not supported by this browser.\"));\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"poilist\");\n    }\n    this.dropdownOptions = [\n      {\n        text: this.localization.sortByDistance,\n        value: \"distance\",\n      },\n      {\n        text: this.localization.sortByName,\n        value: \"name\",\n      },\n    ];\n    this.activeSorting = this.dropdownOptions[0].value;\n  }\n\n  async componentDidLoad() {\n    await this.getUserPosition();\n    await this.apiWatcher(this.api);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-poilist\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <stzh-overlay open={this.isLoading}>\n            <stzh-loader label={this.loadingText}></stzh-loader>\n          </stzh-overlay>\n\n          {this.geopositionError && <stzh-message type=\"error\" label={this.geopositionError}></stzh-message>}\n\n          {(this.items.length > 0 || this.meta) && (\n            <Fragment>\n              <div class=\"stzh-poilist__header\">\n                <stzh-text size=\"micro\">\n                  {this.getNumberOfLoadedItems()} {this.localization.of} {this.meta.totalItems}\n                </stzh-text>\n                <stzh-dropdown\n                  label=\"Sortierung\"\n                  hide-optional={true}\n                  variant=\"plain\"\n                  noSearch={true}\n                  inline={true}\n                  noWrap={true}\n                  onStzhChange={this.onSortChange}\n                  items={Array.isArray(this.activeSorting) ? this.activeSorting : [this.activeSorting]}\n                  options={this.dropdownOptions}\n                ></stzh-dropdown>\n              </div>\n\n              <stzh-cardlist layout=\"teasers\">\n                {this.items.map(item => (\n                  <stzh-poicard item={item}></stzh-poicard>\n                ))}\n              </stzh-cardlist>\n\n              {this.meta.currentPage !== this.meta.totalPages && (\n                <div class=\"stzh-poilist__show-more\">\n                  <stzh-button\n                    variant=\"secondary\"\n                    label={this.localization.showMore}\n                    onClick={this.handleMoreClick}\n                  ></stzh-button>\n                </div>\n              )}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhPoilistCss","StzhPoilistStyle0","StzhPoilist","this","handleMoreClick","async","loadingText","localization","dataLoading","isLoading","currentOffset","data","axios","get","getCurrentApiUrl","meta","items","concat","onSortChange","e","activeSorting","detail","value","apiWatcher","api","newValue","latitude","longitude","getNumberOfLoadedItems","currentPage","totalPages","itemsPerPage","totalItems","getUserPosition","geopositionLoading","position","getPositionAsync","coords","geopositionNotFoundException","console","error","geopositionError","Promise","resolve","reject","navigator","geolocation","getCurrentPosition","Error","componentWillLoad","window","stzhComponents","utils","fetchTranslations","element","dropdownOptions","text","sortByDistance","sortByName","componentDidLoad","render","classes","h","Host","key","class","open","label","type","length","Fragment","size","of","variant","noSearch","inline","noWrap","onStzhChange","Array","isArray","options","layout","map","item","showMore","onClick"],"sources":["src/components/CMS/stzh-poilist/stzh-poilist.scss?tag=stzh-poilist&encapsulation=scoped","src/components/CMS/stzh-poilist/stzh-poilist.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-poilist {\n  &__header {\n    @include spaceCurve(\"margin-bottom\", \"small\");\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  &__header stzh-text {\n    --color: var(--stzh-color-grey80);\n    @include font(heavy);\n  }\n\n  &__show-more {\n    @include spaceCurve(\"margin-top\", \"medium\");\n    display: grid;\n\n    @include mq($from: small) {\n      justify-content: center;\n    }\n  }\n\n  stzh-dropdown {\n    --color: var(--stzh-color-primary90);\n    --icon-color: var(--stzh-color-primary90);\n    --icon-angle-color: var(--stzh-color-primary90);\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport axios from \"axios\";\n\nimport {\n  StzhDropdownChangeEvent,\n  StzhDropdownCustomEvent,\n  StzhDropdownOption,\n  StzhPoiCardItemData,\n  StzhPoiListData,\n  StzhPoiListMetaData,\n} from \"../../../index\";\nimport { StzhPoilistLocalizedText } from \"./stzh-poilist.localization\"; // export type StzhPoiListMetaData = {\n\n@Component({\n  tag: \"stzh-poilist\",\n  styleUrl: \"stzh-poilist.scss\",\n  scoped: true,\n})\nexport class StzhPoilist {\n  /** Translation strings */\n  @Prop() localization: StzhPoilistLocalizedText;\n\n  /** API URL (`{lang}` is replaced in the URL)  */\n  @Prop() api: string;\n\n  @Element() element: HTMLStzhPoilistElement;\n\n  @State() currentOffset: number = 0;\n  @State() meta: StzhPoiListMetaData;\n  @State() items: StzhPoiCardItemData[] = [];\n  @State() isLoading: boolean = true;\n\n  /** Sorting */\n  @State() dropdownOptions: StzhDropdownOption[] = [];\n  @State() activeSorting: string | string[];\n\n  /** Geoposition (STZH Rathaus by default) */\n  @State() latitude: number = 47.3714332;\n  @State() longitude: number = 8.542093;\n  @State() geopositionError: string = \"\";\n\n  @State() loadingText: string = \"\";\n\n  @Watch(\"api\")\n  async apiWatcher(newValue: string) {\n    this.loadingText = this.localization.dataLoading;\n    if (!newValue) {\n      return;\n    }\n\n    // load data from API\n    const { data } = await axios.get<StzhPoiListData>(this.getCurrentApiUrl());\n    this.meta = data.meta;\n    this.items = data.items;\n    this.isLoading = false;\n  }\n\n  private getCurrentApiUrl() {\n    return `${this.api}?offset=${this.currentOffset}&sort=${this.activeSorting}:DESC&latitude=${this.latitude}&longitude=${this.longitude}`;\n  }\n\n  private handleMoreClick = async () => {\n    this.loadingText = this.localization.dataLoading;\n    this.isLoading = true;\n    this.currentOffset++;\n    const { data } = await axios.get<StzhPoiListData>(this.getCurrentApiUrl());\n    this.meta = data.meta;\n    this.items = this.items.concat(data.items);\n    this.isLoading = false;\n  };\n\n  private getNumberOfLoadedItems(): number {\n    if (this.meta.currentPage !== this.meta.totalPages) {\n      return this.meta.itemsPerPage * this.meta.currentPage;\n    } else {\n      return this.meta.totalItems;\n    }\n  }\n\n  private onSortChange = async (e: StzhDropdownCustomEvent<StzhDropdownChangeEvent>) => {\n    this.activeSorting = e.detail.value;\n    this.currentOffset = 0;\n    this.items = [];\n    await this.apiWatcher(this.api);\n  };\n\n  private async getUserPosition() {\n    this.loadingText = this.localization.geopositionLoading;\n    try {\n      const position = await this.getPositionAsync();\n      this.latitude = position.coords.latitude;\n      this.longitude = position.coords.longitude;\n    } catch (geopositionNotFoundException) {\n      console.error(\"geopositionNotFoundException\", geopositionNotFoundException);\n      this.geopositionError = this.localization.geopositionError;\n    }\n  }\n\n  private getPositionAsync(): Promise<GeolocationPosition> {\n    return new Promise((resolve, reject) => {\n      if (navigator.geolocation) {\n        navigator.geolocation.getCurrentPosition(\n          position => resolve(position),\n          error => reject(error),\n        );\n      } else {\n        reject(new Error(\"Geolocation is not supported by this browser.\"));\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"poilist\");\n    }\n    this.dropdownOptions = [\n      {\n        text: this.localization.sortByDistance,\n        value: \"distance\",\n      },\n      {\n        text: this.localization.sortByName,\n        value: \"name\",\n      },\n    ];\n    this.activeSorting = this.dropdownOptions[0].value;\n  }\n\n  async componentDidLoad() {\n    await this.getUserPosition();\n    await this.apiWatcher(this.api);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-poilist\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <stzh-overlay open={this.isLoading}>\n            <stzh-loader label={this.loadingText}></stzh-loader>\n          </stzh-overlay>\n\n          {this.geopositionError && <stzh-message type=\"error\" label={this.geopositionError}></stzh-message>}\n\n          {(this.items.length > 0 || this.meta) && (\n            <Fragment>\n              <div class=\"stzh-poilist__header\">\n                <stzh-text size=\"micro\">\n                  {this.getNumberOfLoadedItems()} {this.localization.of} {this.meta.totalItems}\n                </stzh-text>\n                <stzh-dropdown\n                  label=\"Sortierung\"\n                  hide-optional={true}\n                  variant=\"plain\"\n                  noSearch={true}\n                  inline={true}\n                  noWrap={true}\n                  onStzhChange={this.onSortChange}\n                  items={Array.isArray(this.activeSorting) ? this.activeSorting : [this.activeSorting]}\n                  options={this.dropdownOptions}\n                ></stzh-dropdown>\n              </div>\n\n              <stzh-cardlist layout=\"teasers\">\n                {this.items.map(item => (\n                  <stzh-poicard item={item}></stzh-poicard>\n                ))}\n              </stzh-cardlist>\n\n              {this.meta.currentPage !== this.meta.totalPages && (\n                <div class=\"stzh-poilist__show-more\">\n                  <stzh-button\n                    variant=\"secondary\"\n                    label={this.localization.showMore}\n                    onClick={this.handleMoreClick}\n                  ></stzh-button>\n                </div>\n              )}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-822fd427.entry.js → p-0c340dcf.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as o,g as h}from"./p-ef5985a3.js";import{h as n}from"./p-87c329f2.js";import{S as r}from"./p-9531514f.js";import"./p-dae15605.js";const e=".sc-stzh-input-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-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::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-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(\n    --stzh-input-hover-border-color,\n    var(--stzh-color-secondary50)\n  );--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-button-right-color:var(--stzh-color-primary70);--text-selection-background-color:var(--stzh-color-secondary30);width:100%}[type=hidden].sc-stzh-input-h{position:absolute;top:-624.9375rem;left:-624.9375rem;visibility:hidden}[size=small].sc-stzh-input-h{--height:var(--stzh-form-input-small-height)}[is-filled].sc-stzh-input-h:not([is-filled=false]){--button-right-color:var(--stzh-color-primary70);--hover-button-right-color:var(--stzh-color-primary70);--focus-button-right-color:var(--stzh-color-black)}[is-invalid].sc-stzh-input-h{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--button-right-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-button-right-color:var(--stzh-color-error60)}[readonly].sc-stzh-input-h:not([readonly=false]),[disabled].sc-stzh-input-h:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-button-right-color:var(--stzh-color-grey70);--focus-color:var(--stzh-color-grey70);--focus-border-color:var(--stzh-color-grey70);--focus-background-color:var(--stzh-color-grey10);--focus-button-right-color:var(--stzh-color-grey70)}.sc-stzh-input-h:is(:has(.stzh-input__input:hover)){--button-right-color:var(--hover-button-right-color)}.sc-stzh-input-h:is(:has(.stzh-input__input:focus)){--button-right-color:var(--focus-button-right-color)}.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0px;right:0px}.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right] stzh-popover,.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-popover{display:block}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.stzh-input__button-right.sc-stzh-input,.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false]){--color:var(--button-right-color);--background-color:transparent;--border-color:transparent;--hover-color:var(--button-right-color);--hover-background-color:transparent;--hover-border-color:transparent}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.stzh-input__button-right[size=default][icon-only].sc-stzh-input:not([icon-only=false]){--icon-size:var(--stzh-icon-size-medium)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-input__marker-text.sc-stzh-input{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-input__description-wrapper.sc-stzh-input{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error60)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-input__description-long.sc-stzh-input{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-input__description-long.sc-stzh-input{margin-top:0}}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-button.sc-stzh-input{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxxsmall)}.stzh-input.sc-stzh-input .sc-stzh-input::selection{background:var(--text-selection-background-color)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:flex;width:var(--input-width)}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.125rem solid var(--border-color);transition-property:color, border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);margin:0;width:100%;color:var(--color);background-color:var(--background-color);appearance:none;text-align:var(--text-align)}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:hover{color:var(--hover-color);border-color:var(--hover-border-color);background-color:var(--hover-background-color)}.stzh-input__input.sc-stzh-input:focus{color:var(--focus-color);border-color:var(--focus-border-color);background-color:var(--focus-background-color)}.stzh-input__input.sc-stzh-input:-webkit-autofill{background-clip:text}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:var(--label-color);width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-input__label.no-label-truncate.sc-stzh-input{text-overflow:clip;white-space:normal;overflow:visible}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__marker.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-input--type-password.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-clearable.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:var(--height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{appearance:textfield}.stzh-input--has-label-hidden.sc-stzh-input .stzh-input__label.sc-stzh-input{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-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}";const a=e;let c=0;const l=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.stzhChanged=s(this,"stzhChanged",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onClearClick=async t=>{this.value="";this.input.focus();await this.waitForNextRender();this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value});this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onTogglePasswordVisibilityClick=async()=>{this.showPassword=!this.showPassword};this.handleReset=async()=>{this.value=this.defaultValue;this.input.value=this.defaultValue};this.onInput=t=>{this.value=this.input.value;this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onChange=t=>{this.value=this.input.value;this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-input",originalEvent:t})};this.localization=undefined;this.multiline=false;this.rows=undefined;this.type="text";this.step=1;this.min=undefined;this.max=undefined;this.showSpin=false;this.readonly=false;this.disabled=false;this.clearable=false;this.hideOptional=false;this.minlength=undefined;this.maxlength=undefined;this.name=undefined;this.value="";this.defaultValue="";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.invalid=false;this.required=false;this.inputmode=undefined;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.noLabelTruncate=false;this.labelHidden=false;this.size="default";this.a11yDescribedby="";this.filled=undefined;this.showPassword=undefined}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){this.filled=t!==""}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}typeWatcher(t){const s=["text","search","password","email","url","tel","number","hidden"];if(!this.multiline&&!s.includes(t)){throw new Error(`Type ${t} not supported`)}}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,value:this.value,rows:this.rows,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.showPassword?"text":this.type,name:this.name,value:this.value,defaultValue:this.defaultValue,min:this.min,max:this.max,step:this.step,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.inputId=`stzh-input-${c++}`;this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);this.defaultValue=this.defaultValue||this.value;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"input")}}render(){var t;const s=n(this.element,"button-right");const h=n(this.element,"description")||!!this.description;const e=n(this.element,"description-long")||!!this.descriptionLong;const a=n(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const c={"stzh-input":true,"stzh-input--has-button-right":s||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":h,"stzh-input--has-description-long":e,"stzh-input--has-error":a,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid||a,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--is-filled":this.filled,"stzh-input--is-not-filled":!this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--is-not-clearable":!this.clearable,"stzh-input--has-label-hidden":this.labelHidden,[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(o,{key:"17df6e3219c089d1791e3533fb099577c892c8c3","is-invalid":this.invalid||a,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus,"is-filled":this.filled},i("div",{key:"55d0301064497397505a75f91ec62b0629e03c18",class:c},i("label",{key:"3728b2367e14541d4eb9e782af64eeb2d0218047",class:{"stzh-input__label":true,"no-label-truncate":this.noLabelTruncate},htmlFor:this.inputId},this.label?this.label:i("slot",null),!this.hideOptional&&i("span",{key:"306d38c386af56938121ad68567a2f73d04dff7b",class:"stzh-input__marker"},i("span",{key:"bea49dc3d8ab84702852fa199cf3e9ca1f25be65",class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"57de6fba296cf9919913b31ddb2be9b111001649",class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{key:"a3e047e750630011f3a9ff59689df5f0d25c589f",class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),this.clearable||this.type==="search"||this.type==="password"?(!this.clearable||this.disabled||this.readonly||!this.filled)&&(this.type==="search"||this.type==="password")?i("stzh-button",{class:"stzh-input__button-right",icon:this.type==="search"?"search":"view",size:this.size,iconOnly:true,onClick:this.onTogglePasswordVisibilityClick,disabled:this.disabled||this.readonly}):this.filled?i("stzh-button",{class:"stzh-input__button-right",icon:"close",size:this.size,iconOnly:true,onClick:this.onClearClick,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):i("slot",{name:"button-right"}):i("slot",{name:"button-right"})),(a||this.description)&&i(r,{key:"da996df70a5143981754de29594b80f4dcc79ca3",classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};l.style=a;export{l as stzh_input};
-//# sourceMappingURL=p-822fd427.entry.js.map
+import{r as t,c as s,h as i,a as o,g as h}from"./p-ef5985a3.js";import{h as n}from"./p-87c329f2.js";import{S as r}from"./p-9531514f.js";import"./p-dae15605.js";const e=".sc-stzh-input-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-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::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-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(\n    --stzh-input-hover-border-color,\n    var(--stzh-color-secondary50)\n  );--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-button-right-color:var(--stzh-color-primary70);--text-selection-background-color:var(--stzh-color-secondary30);width:100%}[type=hidden].sc-stzh-input-h{position:absolute;top:-624.9375rem;left:-624.9375rem;visibility:hidden}[size=small].sc-stzh-input-h{--height:var(--stzh-form-input-small-height)}[is-filled].sc-stzh-input-h:not([is-filled=false]){--button-right-color:var(--stzh-color-primary70);--hover-button-right-color:var(--stzh-color-primary70);--focus-button-right-color:var(--stzh-color-black)}[is-invalid].sc-stzh-input-h{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--button-right-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-button-right-color:var(--stzh-color-error60)}[readonly].sc-stzh-input-h:not([readonly=false]),[disabled].sc-stzh-input-h:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-button-right-color:var(--stzh-color-grey70);--focus-color:var(--stzh-color-grey70);--focus-border-color:var(--stzh-color-grey70);--focus-background-color:var(--stzh-color-grey10);--focus-button-right-color:var(--stzh-color-grey70)}.sc-stzh-input-h:is(:has(.stzh-input__input:hover)){--button-right-color:var(--hover-button-right-color)}.sc-stzh-input-h:is(:has(.stzh-input__input:focus)){--button-right-color:var(--focus-button-right-color)}.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0px;right:0px}.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right] stzh-popover,.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-popover{display:block}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.stzh-input__button-right.sc-stzh-input,.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false]){--color:var(--button-right-color);--background-color:transparent;--border-color:transparent;--hover-color:var(--button-right-color);--hover-background-color:transparent;--hover-border-color:transparent}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.stzh-input__button-right[size=default][icon-only].sc-stzh-input:not([icon-only=false]){--icon-size:var(--stzh-icon-size-medium)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-input__marker-text.sc-stzh-input{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-input__description-wrapper.sc-stzh-input{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error60)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-input__description-long.sc-stzh-input{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-input__description-long.sc-stzh-input{margin-top:0}}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-button.sc-stzh-input{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxxsmall)}.stzh-input.sc-stzh-input .sc-stzh-input::selection{background:var(--text-selection-background-color)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:flex;width:var(--input-width)}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.125rem solid var(--border-color);transition-property:color, border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);margin:0;width:100%;color:var(--color);background-color:var(--background-color);appearance:none;text-align:var(--text-align)}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:hover{color:var(--hover-color);border-color:var(--hover-border-color);background-color:var(--hover-background-color)}.stzh-input__input.sc-stzh-input:focus{color:var(--focus-color);border-color:var(--focus-border-color);background-color:var(--focus-background-color)}.stzh-input__input.sc-stzh-input:-webkit-autofill{background-clip:text}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:var(--label-color);width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-input__label.no-label-truncate.sc-stzh-input{text-overflow:clip;white-space:normal;overflow:visible}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__marker.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-input--type-password.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-clearable.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:var(--height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{appearance:textfield}.stzh-input--has-label-hidden.sc-stzh-input .stzh-input__label.sc-stzh-input{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-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}";const a=e;let c=0;const l=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.stzhChanged=s(this,"stzhChanged",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onClearClick=async t=>{this.value="";this.input.focus();await this.waitForNextRender();this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value});this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onTogglePasswordVisibilityClick=async()=>{this.showPassword=!this.showPassword};this.handleReset=async()=>{this.value=this.defaultValue;this.input.value=this.defaultValue};this.onInput=t=>{this.value=this.input.value;this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onChange=t=>{this.value=this.input.value;this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-input",originalEvent:t})};this.localization=undefined;this.multiline=false;this.rows=undefined;this.type="text";this.step=1;this.min=undefined;this.max=undefined;this.showSpin=false;this.readonly=false;this.disabled=false;this.clearable=false;this.hideOptional=false;this.minlength=undefined;this.maxlength=undefined;this.name=undefined;this.value="";this.defaultValue="";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.invalid=false;this.required=false;this.inputmode=undefined;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.noLabelTruncate=false;this.labelHidden=false;this.size="default";this.a11yDescribedby="";this.filled=undefined;this.showPassword=undefined}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){this.filled=t!==""}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}typeWatcher(t){const s=["text","search","password","email","url","tel","number","hidden"];if(!this.multiline&&!s.includes(t)){throw new Error(`Type ${t} not supported`)}}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,value:this.value,rows:this.rows,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.showPassword?"text":this.type,name:this.name,value:this.value,defaultValue:this.defaultValue,min:this.min,max:this.max,step:this.step,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.inputId=`stzh-input-${c++}`;this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);this.defaultValue=this.defaultValue||this.value;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"input")}}render(){var t;const s=n(this.element,"button-right");const h=n(this.element,"description")||!!this.description;const e=n(this.element,"description-long")||!!this.descriptionLong;const a=n(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const c={"stzh-input":true,"stzh-input--has-button-right":s||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":h,"stzh-input--has-description-long":e,"stzh-input--has-error":a,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid||a,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--is-filled":this.filled,"stzh-input--is-not-filled":!this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--is-not-clearable":!this.clearable,"stzh-input--has-label-hidden":this.labelHidden,[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(o,{key:"8dd13077004e31ce0b1dd35526325a4f95eb22f4","is-invalid":this.invalid||a,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus,"is-filled":this.filled},i("div",{key:"2fe0d07c1049846dfb4f953ad6efb9848e71d253",class:c},i("label",{key:"14c4ddc41bce5ab4f53bac0a62a411dbbe4d3f8a",class:{"stzh-input__label":true,"no-label-truncate":this.noLabelTruncate},htmlFor:this.inputId},this.label?this.label:i("slot",null),!this.hideOptional&&i("span",{key:"27076ed3f2aaaa7425eb59c139895fdf53f97885",class:"stzh-input__marker"},i("span",{key:"606e98f4cc0628bc74cf94f7ece7145b9481968d",class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"1867bde65ba39d6ac0a18f7745796dfc82a5a712",class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{key:"d775753c67430cfede5a38faeecca73787ff9f0d",class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),this.clearable||this.type==="search"||this.type==="password"?(!this.clearable||this.disabled||this.readonly||!this.filled)&&(this.type==="search"||this.type==="password")?i("stzh-button",{class:"stzh-input__button-right",icon:this.type==="search"?"search":"view",size:this.size,iconOnly:true,onClick:this.onTogglePasswordVisibilityClick,disabled:this.disabled||this.readonly}):this.filled?i("stzh-button",{class:"stzh-input__button-right",icon:"close",size:this.size,iconOnly:true,onClick:this.onClearClick,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):i("slot",{name:"button-right"}):i("slot",{name:"button-right"})),(a||this.description)&&i(r,{key:"52c6b561647abbc7bc470aa8084234fc07adb850",classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};l.style=a;export{l as stzh_input};
+//# sourceMappingURL=p-0c340dcf.entry.js.map