@oiz/stzh-components 4.14.0-beta1 → 4.14.0-beta2

package/dist/stzh-components/{p-20545fdb.entry.js → p-ab3d16a0.entry.js}

@@ -1 +1 @@
-import{r as e,h as s,a as r,d as t}from"./p-vaw5DHDC.js";import{h as d}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const a=class{constructor(s){e(this,s),this.heading="",this.headingLevel="3",this.description="",this.noItemsText="",this.noItemsLink="",this.hasItems=!0}async componentWillLoad(){this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"feedreader"))}componentDidLoad(){try{this.hasItems=this.itemsWrapperElement.querySelectorAll("stzh-feedreader-item").length>0}catch(e){console.error("noChildNodesException",e)}}render(){const e=d(this.element,"subscribe-feed"),t=d(this.element,"subscribe-proxy"),a=d(this.element,"connection-error");return s(r,{key:"09a7221c31c807a6e89f3ce9a74e3176f71ba588"},s("div",{key:"2dcf91c60982107f4500be4d18859c2a64b02738",class:{"stzh-feedreader":!0}},s("div",{key:"62848e48b86502bdc06da3957ba248e1ed9fc2a6",class:"stzh-feedreader__container"},s("div",{key:"bb1121fd06cafda7aee9d611aca191c7b78c4f58",class:"stzh-feedreader__header"},s("stzh-heading",{key:"c8544e25583ef1b1ba742f7107a41225ba15fb0a",level:this.headingLevel},this.heading),s("stzh-text",{key:"d2af2d2d857f23f33b3d6cd5577f1c970c61fcdd"},this.description)),(e||t)&&s("div",{key:"9297c4df8671c884bd70a5b5e9018e4c878c3a30",class:"stzh-feedreader__subscribe"},s("slot",{key:"c27c59e0fd3fdb28a69a5219bd54cebc5a054cff",name:"subscribe-feed"}),s("slot",{key:"220e366e63a27c195c2094d2610406f906ce377a",name:"subscribe-proxy"})),!this.hasItems&&!a&&s("stzh-message",{key:"a4913f1f7b5f222df2e07500359d5b11522e4b3d",label:this.noItemsText,hideClose:!0},!!this.noItemsLink&&s("stzh-link",{key:"d28727ec1003f02302e9a294a0934f66883ba5c1",slot:"link",href:this.noItemsLink},this.localization.moreInfo)),a&&s("div",{key:"ef0fcc8d5ed96b282101ff6e9c580f96087a81f2",class:"stzh-feedreader__connection-error"},s("slot",{key:"22fe4990d7a483234d7591f5d009790d7caa5032",name:"connection-error"})),s("div",{key:"034c0073d91ac3f05e21196c649c63eeed4e0eab",class:"stzh-feedreader__items",ref:e=>this.itemsWrapperElement=e},s("slot",{key:"947f76aed0e6f057bd9f3ad137ee6d2a94ec4ad5"})))))}get element(){return t(this)}};a.style=".sc-stzh-feedreader-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-feedreader-h,[stzh-hidden].sc-stzh-feedreader-h{display:none}.sc-stzh-feedreader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-h *.sc-stzh-feedreader,.sc-stzh-feedreader-h *.sc-stzh-feedreader::before,.sc-stzh-feedreader-h *.sc-stzh-feedreader::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-feedreader-h .has-focus.sc-stzh-feedreader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader{outline-style:none !important}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader::-moz-focus-inner{border:0 !important}.stzh-feedreader__header.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__subscribe.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__items.sc-stzh-feedreader{display:grid;column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-ultra)}}";export{a as stzh_feedreader}
+import{r as e,h as r,a as s,d as t}from"./p-rujKGmCS.js";import{h as d}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const a=class{constructor(r){e(this,r),this.heading="",this.headingLevel="3",this.description="",this.noItemsText="",this.noItemsLink="",this.hasItems=!0}async componentWillLoad(){this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"feedreader"))}componentDidLoad(){try{this.hasItems=this.itemsWrapperElement.querySelectorAll("stzh-feedreader-item").length>0}catch(e){console.error("noChildNodesException",e)}}render(){const e=d(this.element,"subscribe-feed"),t=d(this.element,"subscribe-proxy"),a=d(this.element,"connection-error");return r(s,{key:"09a7221c31c807a6e89f3ce9a74e3176f71ba588"},r("div",{key:"2dcf91c60982107f4500be4d18859c2a64b02738",class:{"stzh-feedreader":!0}},r("div",{key:"62848e48b86502bdc06da3957ba248e1ed9fc2a6",class:"stzh-feedreader__container"},r("div",{key:"bb1121fd06cafda7aee9d611aca191c7b78c4f58",class:"stzh-feedreader__header"},r("stzh-heading",{key:"c8544e25583ef1b1ba742f7107a41225ba15fb0a",level:this.headingLevel},this.heading),r("stzh-text",{key:"d2af2d2d857f23f33b3d6cd5577f1c970c61fcdd"},this.description)),(e||t)&&r("div",{key:"9297c4df8671c884bd70a5b5e9018e4c878c3a30",class:"stzh-feedreader__subscribe"},r("slot",{key:"c27c59e0fd3fdb28a69a5219bd54cebc5a054cff",name:"subscribe-feed"}),r("slot",{key:"220e366e63a27c195c2094d2610406f906ce377a",name:"subscribe-proxy"})),!this.hasItems&&!a&&r("stzh-message",{key:"a4913f1f7b5f222df2e07500359d5b11522e4b3d",label:this.noItemsText,hideClose:!0},!!this.noItemsLink&&r("stzh-link",{key:"d28727ec1003f02302e9a294a0934f66883ba5c1",slot:"link",href:this.noItemsLink},this.localization.moreInfo)),a&&r("div",{key:"ef0fcc8d5ed96b282101ff6e9c580f96087a81f2",class:"stzh-feedreader__connection-error"},r("slot",{key:"22fe4990d7a483234d7591f5d009790d7caa5032",name:"connection-error"})),r("div",{key:"034c0073d91ac3f05e21196c649c63eeed4e0eab",class:"stzh-feedreader__items",ref:e=>this.itemsWrapperElement=e},r("slot",{key:"947f76aed0e6f057bd9f3ad137ee6d2a94ec4ad5"})))))}get element(){return t(this)}};a.style=".sc-stzh-feedreader-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-feedreader-h,[stzh-hidden].sc-stzh-feedreader-h{display:none}.sc-stzh-feedreader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-h *.sc-stzh-feedreader,.sc-stzh-feedreader-h *.sc-stzh-feedreader::before,.sc-stzh-feedreader-h *.sc-stzh-feedreader::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-feedreader-h .has-focus.sc-stzh-feedreader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader{outline-style:none !important}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader::-moz-focus-inner{border:0 !important}.stzh-feedreader__header.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__subscribe.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__items.sc-stzh-feedreader{display:grid;column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-ultra)}}";export{a as stzh_feedreader}

package/dist/stzh-components/{p-79885f85.entry.js → p-abc50e36.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,a as s,d as o}from"./p-vaw5DHDC.js";const a=class{constructor(e){t(this,e),this.text="",this.author=""}render(){return e(s,{key:"47742bf119460d8e5cff1d208b0527046322ed61"},e("div",{key:"f2df816ab4d7d1535b7c027869b9c6d4f865de4b",class:{"stzh-quote":!0}},e("blockquote",{key:"767a275b1eb7e035e024b752d41bb3587c230127",class:"stzh-quote__content"},e("p",{key:"89092ca572deb90ae01a2375f6fdc35d35d5bbaa",class:"stzh-quote__text"},this.text),this.author&&e("cite",{key:"ef5ca6513ae2e2d5de00b90bba5858897eda58dd",class:"stzh-quote__author"},this.author))))}get element(){return o(this)}};a.style='@charset "UTF-8";.sc-stzh-quote-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-quote-h,[stzh-hidden].sc-stzh-quote-h{display:none}.sc-stzh-quote-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-quote-h *.sc-stzh-quote,.sc-stzh-quote-h *.sc-stzh-quote::before,.sc-stzh-quote-h *.sc-stzh-quote::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-quote-h .has-focus.sc-stzh-quote{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-quote-h .stzh-fylingfocus-focused.sc-stzh-quote{outline-style:none !important}.sc-stzh-quote-h .stzh-fylingfocus-focused.sc-stzh-quote::-moz-focus-inner{border:0 !important}.sc-stzh-quote-h{--background-color:var(--stzh-quote-background-color, var(--stzh-color-grey10));--color:var(--stzh-quote-color, var(--stzh-color-primary70));--quotemarks-color:var(--stzh-quote-color, var(--stzh-color-secondary40))}.stzh-quote.sc-stzh-quote{position:relative;background-color:var(--background-color);padding-top:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xxxlarge, 40px)}}.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xxxlarge, 40px)}}.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-left:5.4375rem}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-left:9.875rem}}@media print{.stzh-quote.sc-stzh-quote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (forced-colors: active){.stzh-quote.sc-stzh-quote{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-quote__content.sc-stzh-quote{margin:0}.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-quote__text.sc-stzh-quote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:0;display:flex;color:var(--color)}.stzh-quote__text.sc-stzh-quote::before,.stzh-quote__text.sc-stzh-quote::after{display:block;font-size:var(--stzh-font-mega-font-size);color:var(--quotemarks-color)}@media screen and (min-width: 1260px){.stzh-quote__text.sc-stzh-quote::before,.stzh-quote__text.sc-stzh-quote::after{font-size:var(--stzh-font-hero-font-size)}}.stzh-quote__text.sc-stzh-quote::before{content:"«";display:flex;align-items:flex-start;padding-right:var(--stzh-space-xsmall);line-height:0;padding-top:var(--stzh-space-small)}.stzh-quote__text.sc-stzh-quote::after{content:"»";display:flex;align-items:flex-end;padding-left:var(--stzh-space-xsmall);line-height:0;padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1260px){.stzh-quote__text.sc-stzh-quote::after{padding-bottom:var(--stzh-space-large)}}.stzh-quote__author.sc-stzh-quote{display:block;margin-top:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-xxlarge, 32px)}}.stzh-quote__author.sc-stzh-quote{color:var(--color);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);margin-left:1.625rem}@media screen and (min-width: 900px){.stzh-quote__author.sc-stzh-quote{font-size:var(--stzh-font-milli-font-size)}}@media screen and (min-width: 1260px){.stzh-quote__author.sc-stzh-quote{margin-left:2.0625rem}}@media screen and (min-width: 1600px){.stzh-quote__author.sc-stzh-quote{font-size:var(--stzh-font-centi-font-size)}}';export{a as stzh_quote}
+import{r as t,h as e,a as s,d as o}from"./p-rujKGmCS.js";const a=class{constructor(e){t(this,e),this.text="",this.author=""}render(){return e(s,{key:"47742bf119460d8e5cff1d208b0527046322ed61"},e("div",{key:"f2df816ab4d7d1535b7c027869b9c6d4f865de4b",class:{"stzh-quote":!0}},e("blockquote",{key:"767a275b1eb7e035e024b752d41bb3587c230127",class:"stzh-quote__content"},e("p",{key:"89092ca572deb90ae01a2375f6fdc35d35d5bbaa",class:"stzh-quote__text"},this.text),this.author&&e("cite",{key:"ef5ca6513ae2e2d5de00b90bba5858897eda58dd",class:"stzh-quote__author"},this.author))))}get element(){return o(this)}};a.style='@charset "UTF-8";.sc-stzh-quote-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-quote-h,[stzh-hidden].sc-stzh-quote-h{display:none}.sc-stzh-quote-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-quote-h *.sc-stzh-quote,.sc-stzh-quote-h *.sc-stzh-quote::before,.sc-stzh-quote-h *.sc-stzh-quote::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-quote-h .has-focus.sc-stzh-quote{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-quote-h .stzh-fylingfocus-focused.sc-stzh-quote{outline-style:none !important}.sc-stzh-quote-h .stzh-fylingfocus-focused.sc-stzh-quote::-moz-focus-inner{border:0 !important}.sc-stzh-quote-h{--background-color:var(--stzh-quote-background-color, var(--stzh-color-grey10));--color:var(--stzh-quote-color, var(--stzh-color-primary70));--quotemarks-color:var(--stzh-quote-color, var(--stzh-color-secondary40))}.stzh-quote.sc-stzh-quote{position:relative;background-color:var(--background-color);padding-top:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xxxlarge, 40px)}}.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xxxlarge, 40px)}}.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-left:5.4375rem}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-left:9.875rem}}@media print{.stzh-quote.sc-stzh-quote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (forced-colors: active){.stzh-quote.sc-stzh-quote{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-quote__content.sc-stzh-quote{margin:0}.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-quote__text.sc-stzh-quote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:0;display:flex;color:var(--color)}.stzh-quote__text.sc-stzh-quote::before,.stzh-quote__text.sc-stzh-quote::after{display:block;font-size:var(--stzh-font-mega-font-size);color:var(--quotemarks-color)}@media screen and (min-width: 1260px){.stzh-quote__text.sc-stzh-quote::before,.stzh-quote__text.sc-stzh-quote::after{font-size:var(--stzh-font-hero-font-size)}}.stzh-quote__text.sc-stzh-quote::before{content:"«";display:flex;align-items:flex-start;padding-right:var(--stzh-space-xsmall);line-height:0;padding-top:var(--stzh-space-small)}.stzh-quote__text.sc-stzh-quote::after{content:"»";display:flex;align-items:flex-end;padding-left:var(--stzh-space-xsmall);line-height:0;padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1260px){.stzh-quote__text.sc-stzh-quote::after{padding-bottom:var(--stzh-space-large)}}.stzh-quote__author.sc-stzh-quote{display:block;margin-top:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-xxlarge, 32px)}}.stzh-quote__author.sc-stzh-quote{color:var(--color);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);margin-left:1.625rem}@media screen and (min-width: 900px){.stzh-quote__author.sc-stzh-quote{font-size:var(--stzh-font-milli-font-size)}}@media screen and (min-width: 1260px){.stzh-quote__author.sc-stzh-quote{margin-left:2.0625rem}}@media screen and (min-width: 1600px){.stzh-quote__author.sc-stzh-quote{font-size:var(--stzh-font-centi-font-size)}}';export{a as stzh_quote}

package/dist/stzh-components/{p-a3f8128d.entry.js → p-ac8e22dd.entry.js}

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

package/dist/stzh-components/{p-12f1d9c4.entry.js → p-ad656e2b.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,a as s,d as n}from"./p-vaw5DHDC.js";import{w as a}from"./p-DWwDEqXf.js";import{s as h,a as o,b as r}from"./p-BOO84wnP.js";import{m as p,a as c,r as d}from"./p-CUGRmgip.js";const m=[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],l={duration:300,easing:"linear"},u=[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],z={duration:300,easing:"linear"};let v=0;const g=class{constructor(i){t(this,i),this.stzhOpen=e(this,"stzhOpen"),this.stzhOpened=e(this,"stzhOpened"),this.stzhClose=e(this,"stzhClose"),this.stzhClosed=e(this,"stzhClosed"),this.stzhMenuItemClick=e(this,"stzhMenuItemClick"),this.menuItems=[],this.open=!1,this.heading="",this.headingLevel="3",this.menuIsFixed=!1,this.entangledMenuSize=20,this.showBackdrop=!1,this.rootTabindex=0,this.toggledByMethod=!1,this.focusedByInput=!1,this.handleHeaderClick=()=>{this.toggle()},this.onRootFocus=()=>{this.focusedByInput||this.buttonElement.focus(),this.focusedByInput=!1},this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})},this.handleBackdropClick=async()=>{this.showBackdrop=!1,this.hide()},this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width},this.handleMenuIntersection=t=>{t.forEach((t=>{this.menuIsFixed=t.intersectionRatio<1&&t.boundingClientRect.top<20}))},this.mediaChangeHandler=()=>{this.isSmall=p("small").matches,this.isMedium=p("medium").matches,this.isLarge=p("large").matches,this.isUltra=p("ultra").matches,this.isMedium||this.isLarge||this.isUltra?(this.showBackdrop=!1,this.open=!0):this.open&&(this.showBackdrop=!0)}}menuItemsWatcher(t){this._menuItems="string"==typeof t?JSON.parse(t):t,this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}subheadingWatcher(t){if("string"==typeof t)try{this._subheading=JSON.parse(t)}catch(e){this._subheading={label:t}}else this._subheading=t}async openWatcher(t){this.bodyElement&&(t?(this.toggledByMethod&&this.stzhOpen.emit({component:"stzh-pi-menu"}),await h(this.bodyElement),this.bodyElement.hidden=!1,await o(this.bodyElement,r(m,{height:this.bodyElement.scrollHeight}),l),this.toggledByMethod&&this.stzhOpened.emit({component:"stzh-pi-menu"})):(this.toggledByMethod&&this.stzhClose.emit({component:"stzh-pi-menu"}),await h(this.bodyElement),await o(this.bodyElement,r(u,{height:this.bodyElement.scrollHeight}),z),this.bodyElement.hidden=!0,this.bodyElement.style.height="0px",this.toggledByMethod&&this.stzhClosed.emit({component:"stzh-pi-menu"})),this.toggledByMethod=!1)}async show(){if(!this.open)return this.isMedium||this.isLarge||this.isUltra||(this.showBackdrop=!0),this.toggledByMethod=!0,this.open=!0,a(this.element,"stzhOpened")}async hide(){if(this.open)return this.showBackdrop=!1,this.toggledByMethod=!0,this.open=!1,a(this.element,"stzhClosed")}async toggle(){return this.open?await this.hide():await this.show()}setSubMenuHeader(t){var e;return i("div",{class:{"stzh-pi-menu__sub-menu":!0,active:t.active}},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":!0,"is-level-1":!0}},t.label)," ",(null===(e=t.items)||void 0===e?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;return(null===(e=t.items)||void 0===e?void 0:e.length)?i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":!0,"is-level-2":!0,active:t.active}},t.label))))):null}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId="stzh-pi-menu-"+v++,this.menuItemsWatcher(this.menuItems),this.subheadingWatcher(this.subheading),this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle"))}componentDidLoad(){this.bodyElement.hidden=!this.open,this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t),this.setEntangledMenuSize(),this.mediaChangeHandler(),this.open=!!(this.isMedium||this.isLarge||this.isUltra),window.addEventListener("resize",(()=>{this.resizeTimeout&&window.cancelAnimationFrame(this.resizeTimeout),this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),!1)}disconnectedCallback(){this.menuObserver&&this.menuObserver.disconnect(),window.removeEventListener("resize",(()=>{this.resizeTimeout&&window.cancelAnimationFrame(this.resizeTimeout)})),d(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`,e=`${this.entangledMenuSize}px`;return i(s,{key:"24bdd59561a316d9e13a43dd5c22a47199fb7f03",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"4a941eacdff44c0f5fed300cdc1433b09beadb45",class:"stzh-pi-menu-positioner"},i("div",{key:"2570cafc32926e6a545afab9cb7d5644515203f2",class:{"stzh-pi-menu":!0,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed},style:{width:this.open?this.isMedium?e:"19.6875rem":this.isMedium?e:"8.0625rem"}},i("div",{key:"8cc79ed0afef5ac5a3919471238abd7fcf1d4269",class:{"stzh-pi-menu__backdrop":!0,"stzh-pi-menu__backdrop--visible":this.showBackdrop},onClick:this.handleBackdropClick}),i(t,{key:"939210700b8ad8b6f7d6b070b60a677eda86a99b",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"17c5053589fb35dd5fa7c584242eeb26402da9f1",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":this.open?"true":"false",type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"56783aa9817c534cf0ac828a9a94ab87df403179",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"6dd75d2491dc93e69f11a30e26d02acefdac90d6",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"09656328b83e76a05651b478cc51967f4ef10511",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"21c032b33b83730611bdef39fe2d76e786566ee5",class:"stzh-pi-menu__content-inner"},i("nav",{key:"6472698e9b4dace65b5c162e012fd37455247c4f",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this._subheading&&i("a",{key:"4053a9ca531e097f604e2ab446b095345ef1c103",class:{"stzh-pi-menu__nav-item":!0,"is-subheading":!0,active:this._subheading.active},href:this._subheading.href},this._subheading.label),i("ul",{key:"813421c3c8846bed9874f7861e80bf41934fee06",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:0===e},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"7b67e24654c410a13c42ccc876c9b8e26cb56681",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"83c1366dad06f968b3d2c8fe85100eaaebce3aea",class:"stzh-pi-menu__button-text"},i("span",{key:"07dfd618c857292c830b1caabcb9b46bef366223",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"401cb7fe7367ce62ebd930b18e3aaa52da431575",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:[{menuItemsWatcher:0}],subheading:[{subheadingWatcher:0}],open:[{openWatcher:0}]}}};g.style=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-left:var(--stzh-pi-menu-padding-left, var(--stzh-container-margin, 20px));--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu{scrollbar-color:var(--stzh-color-primary40) var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none, 0px);padding-right:var(--stzh-space-medium, 16px);padding-top:var(--stzh-space-none, 0px);padding-bottom:var(--stzh-space-none, 0px);width:100%;min-height:var(--stzh-space-xbig, 64px);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium, 16px)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small, 12px) var(--stzh-space-medium, 16px);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small, 12px);padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium, 16px));padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium, 16px)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small, 12px);padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium, 16px);padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium, 16px);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__sub-menu.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none, 0px)}.stzh-pi-menu{}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none, 0px)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small, 12px)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small, 12px)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge, 32px)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small, 12px)}}.stzh-pi-menu__nav-item{padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small, 12px) var(--stzh-space-medium, 16px)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small, 12px);padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium, 16px));padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge, 24px);padding:var(--stzh-space-xsmall, 8px) var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge, 24px);padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge, 32px));padding-right:var(--stzh-space-xxlarge, 32px)}}.stzh-pi-menu__nav-item.is-subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small, 12px) var(--stzh-space-medium, 16px);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-subheading{padding-left:var(--stzh-space-small, 12px);padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item.is-subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium, 16px));padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu{}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}";export{g as stzh_pi_menu}
+import{r as t,c as e,h as i,a as s,d as n}from"./p-rujKGmCS.js";import{w as a}from"./p-DWwDEqXf.js";import{s as h,a as o,b as r}from"./p-BOO84wnP.js";import{m as p,a as c,r as d}from"./p-CUGRmgip.js";const m=[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],l={duration:300,easing:"linear"},u=[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],z={duration:300,easing:"linear"};let v=0;const g=class{constructor(i){t(this,i),this.stzhOpen=e(this,"stzhOpen"),this.stzhOpened=e(this,"stzhOpened"),this.stzhClose=e(this,"stzhClose"),this.stzhClosed=e(this,"stzhClosed"),this.stzhMenuItemClick=e(this,"stzhMenuItemClick"),this.menuItems=[],this.open=!1,this.heading="",this.headingLevel="3",this.menuIsFixed=!1,this.entangledMenuSize=20,this.showBackdrop=!1,this.rootTabindex=0,this.toggledByMethod=!1,this.focusedByInput=!1,this.handleHeaderClick=()=>{this.toggle()},this.onRootFocus=()=>{this.focusedByInput||this.buttonElement.focus(),this.focusedByInput=!1},this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})},this.handleBackdropClick=async()=>{this.showBackdrop=!1,this.hide()},this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width},this.handleMenuIntersection=t=>{t.forEach((t=>{this.menuIsFixed=t.intersectionRatio<1&&t.boundingClientRect.top<20}))},this.mediaChangeHandler=()=>{this.isSmall=p("small").matches,this.isMedium=p("medium").matches,this.isLarge=p("large").matches,this.isUltra=p("ultra").matches,this.isMedium||this.isLarge||this.isUltra?(this.showBackdrop=!1,this.open=!0):this.open&&(this.showBackdrop=!0)}}menuItemsWatcher(t){this._menuItems="string"==typeof t?JSON.parse(t):t,this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}subheadingWatcher(t){if("string"==typeof t)try{this._subheading=JSON.parse(t)}catch(e){this._subheading={label:t}}else this._subheading=t}async openWatcher(t){this.bodyElement&&(t?(this.toggledByMethod&&this.stzhOpen.emit({component:"stzh-pi-menu"}),await h(this.bodyElement),this.bodyElement.hidden=!1,await o(this.bodyElement,r(m,{height:this.bodyElement.scrollHeight}),l),this.toggledByMethod&&this.stzhOpened.emit({component:"stzh-pi-menu"})):(this.toggledByMethod&&this.stzhClose.emit({component:"stzh-pi-menu"}),await h(this.bodyElement),await o(this.bodyElement,r(u,{height:this.bodyElement.scrollHeight}),z),this.bodyElement.hidden=!0,this.bodyElement.style.height="0px",this.toggledByMethod&&this.stzhClosed.emit({component:"stzh-pi-menu"})),this.toggledByMethod=!1)}async show(){if(!this.open)return this.isMedium||this.isLarge||this.isUltra||(this.showBackdrop=!0),this.toggledByMethod=!0,this.open=!0,a(this.element,"stzhOpened")}async hide(){if(this.open)return this.showBackdrop=!1,this.toggledByMethod=!0,this.open=!1,a(this.element,"stzhClosed")}async toggle(){return this.open?await this.hide():await this.show()}setSubMenuHeader(t){var e;return i("div",{class:{"stzh-pi-menu__sub-menu":!0,active:t.active}},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":!0,"is-level-1":!0}},t.label)," ",(null===(e=t.items)||void 0===e?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;return(null===(e=t.items)||void 0===e?void 0:e.length)?i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":!0,"is-level-2":!0,active:t.active}},t.label))))):null}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId="stzh-pi-menu-"+v++,this.menuItemsWatcher(this.menuItems),this.subheadingWatcher(this.subheading),this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle"))}componentDidLoad(){this.bodyElement.hidden=!this.open,this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t),this.setEntangledMenuSize(),this.mediaChangeHandler(),this.open=!!(this.isMedium||this.isLarge||this.isUltra),window.addEventListener("resize",(()=>{this.resizeTimeout&&window.cancelAnimationFrame(this.resizeTimeout),this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),!1)}disconnectedCallback(){this.menuObserver&&this.menuObserver.disconnect(),window.removeEventListener("resize",(()=>{this.resizeTimeout&&window.cancelAnimationFrame(this.resizeTimeout)})),d(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`,e=`${this.entangledMenuSize}px`;return i(s,{key:"24bdd59561a316d9e13a43dd5c22a47199fb7f03",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"4a941eacdff44c0f5fed300cdc1433b09beadb45",class:"stzh-pi-menu-positioner"},i("div",{key:"2570cafc32926e6a545afab9cb7d5644515203f2",class:{"stzh-pi-menu":!0,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed},style:{width:this.open?this.isMedium?e:"19.6875rem":this.isMedium?e:"8.0625rem"}},i("div",{key:"8cc79ed0afef5ac5a3919471238abd7fcf1d4269",class:{"stzh-pi-menu__backdrop":!0,"stzh-pi-menu__backdrop--visible":this.showBackdrop},onClick:this.handleBackdropClick}),i(t,{key:"939210700b8ad8b6f7d6b070b60a677eda86a99b",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"17c5053589fb35dd5fa7c584242eeb26402da9f1",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":this.open?"true":"false",type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"56783aa9817c534cf0ac828a9a94ab87df403179",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"6dd75d2491dc93e69f11a30e26d02acefdac90d6",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"09656328b83e76a05651b478cc51967f4ef10511",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"21c032b33b83730611bdef39fe2d76e786566ee5",class:"stzh-pi-menu__content-inner"},i("nav",{key:"6472698e9b4dace65b5c162e012fd37455247c4f",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this._subheading&&i("a",{key:"4053a9ca531e097f604e2ab446b095345ef1c103",class:{"stzh-pi-menu__nav-item":!0,"is-subheading":!0,active:this._subheading.active},href:this._subheading.href},this._subheading.label),i("ul",{key:"813421c3c8846bed9874f7861e80bf41934fee06",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:0===e},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"7b67e24654c410a13c42ccc876c9b8e26cb56681",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"83c1366dad06f968b3d2c8fe85100eaaebce3aea",class:"stzh-pi-menu__button-text"},i("span",{key:"07dfd618c857292c830b1caabcb9b46bef366223",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"401cb7fe7367ce62ebd930b18e3aaa52da431575",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:[{menuItemsWatcher:0}],subheading:[{subheadingWatcher:0}],open:[{openWatcher:0}]}}};g.style=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-left:var(--stzh-pi-menu-padding-left, var(--stzh-container-margin, 20px));--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu{scrollbar-color:var(--stzh-color-primary40) var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none, 0px);padding-right:var(--stzh-space-medium, 16px);padding-top:var(--stzh-space-none, 0px);padding-bottom:var(--stzh-space-none, 0px);width:100%;min-height:var(--stzh-space-xbig, 64px);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium, 16px)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small, 12px) var(--stzh-space-medium, 16px);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small, 12px);padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium, 16px));padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium, 16px)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small, 12px);padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium, 16px);padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium, 16px);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__sub-menu.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none, 0px)}.stzh-pi-menu{}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none, 0px)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small, 12px)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small, 12px)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge, 32px)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small, 12px)}}.stzh-pi-menu__nav-item{padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small, 12px) var(--stzh-space-medium, 16px)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small, 12px);padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium, 16px));padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge, 24px);padding:var(--stzh-space-xsmall, 8px) var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge, 24px);padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge, 32px));padding-right:var(--stzh-space-xxlarge, 32px)}}.stzh-pi-menu__nav-item.is-subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small, 12px) var(--stzh-space-medium, 16px);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-subheading{padding-left:var(--stzh-space-small, 12px);padding-right:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item.is-subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium, 16px));padding-right:var(--stzh-space-medium, 16px)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu{}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}";export{g as stzh_pi_menu}

package/dist/stzh-components/{p-950b3d22.entry.js → p-af0e4d4a.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,a as o,d as h}from"./p-vaw5DHDC.js";import{a as n,h as r}from"./p-CBLSoWgI.js";import{S as e}from"./p-Y4KllhSj.js";import"./p-BubviQku.js";let p=0;const a=class{constructor(i){t(this,i),this.stzhChange=s(this,"stzhChange"),this.stzhChanged=s(this,"stzhChanged"),this.stzhFocus=s(this,"stzhFocus"),this.stzhBlur=s(this,"stzhBlur"),this.multiline=!1,this.type="text",this.step=1,this.showSpin=!1,this.readonly=!1,this.disabled=!1,this.clearable=!1,this.hideOptional=!1,this.value="",this.defaultValue="",this.invalid=!1,this.required=!1,this.autocomplete="on",this.noAutocomplete=!1,this.label="",this.noLabelTruncate=!1,this.labelHidden=!1,this.size="default",this.a11yDescribedby="",this.hasDefaultSlot=!1,this.hasResolvedDefaultSlot=!1,this.focusedByInput=!1,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=()=>{this.focusedByInput||this.input.focus(),this.focusedByInput=!1},this.onFocus=t=>{this.focusedByInput=!0;const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});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:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-input",originalEvent:t})},this.updateDefaultSlotState=()=>{const t=n(this.element,["stzh-input"]);this.hasDefaultSlot!==t&&(this.hasDefaultSlot=t),this.hasResolvedDefaultSlot||(this.hasResolvedDefaultSlot=!0)}}resetListener(t){t.target.contains(this.element)&&requestAnimationFrame((()=>{this.handleReset()}))}valueWatcher(t){this.filled=""!==t}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[]}typeWatcher(t){if(!this.multiline&&!["text","search","password","email","url","tel","number","hidden"].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":void 0,"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(){this.renderPromiseResolve&&this.renderPromiseResolve()}componentDidLoad(){this.updateDefaultSlotState()}async componentWillLoad(){this.inputId="stzh-input-"+p++,this.typeWatcher(this.type),this.valueWatcher(this.value),this.errorWatcher(this.error),this.defaultValue=this.defaultValue||this.value,this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"input"))}render(){var t;const s=r(this.element,"button-right"),h=r(this.element,"description")||!!this.description,n=r(this.element,"description-long")||!!this.descriptionLong,p=r(this.element,"error")||(null===(t=this._error)||void 0===t?void 0:t.length)>0,a=!!this.label||this.hasDefaultSlot,l=!this.hasResolvedDefaultSlot||a||n;return i(o,{key:"f916e4aa0a1aef17cbf49efc3fdd3e15c55abf15","is-invalid":this.invalid||p,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus,"is-filled":this.filled},i("div",{key:"9981d0c1dbe600bec045d2d7806fa12c7992fb5d",class:{"stzh-input":!0,"stzh-input--has-button-right":s||"search"===this.type||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":h,"stzh-input--has-description-long":n,"stzh-input--has-error":p,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid||p,"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}},l&&i("div",{key:"c3fba3e75bfdc7cd23c8cfcd2936723981394653",class:"stzh-input__label-wrapper"},i("label",{key:"8d422b62fb7fdffa4c66b96694ea927f4d2b6dd0",class:{"stzh-input__label":!0,"no-label-truncate":this.noLabelTruncate},htmlFor:this.inputId},this.label?this.label:i("slot",{onSlotchange:this.updateDefaultSlotState}),a&&!this.hideOptional&&i("span",{key:"0691b150c10684e694ae253cdf4646b88322fe21",class:"stzh-input__marker"},i("span",{key:"94da1a6556c641a8696ee161973f3ff2a74147f6",class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"0cfa3f9225014b58cb613cb323307a23d9df0115",class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),n&&i(e,{key:"7926f919bad285a55d928af2add5c53740ceb48e",classPrefix:"stzh-input",id:`${this.inputId}-description-long`,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:n,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:!1,showDescriptionText:!1})),i("div",{key:"755894c737bee08327d162e95cf0465b30150ad8",class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),this.clearable||"search"===this.type||"password"===this.type?this.clearable&&!this.disabled&&!this.readonly&&this.filled||"search"!==this.type?"password"===this.type?i("stzh-button",{class:"stzh-input__button-right",icon:this.showPassword?"view-hidden":"view",size:this.size,iconOnly:!0,onClick:this.onTogglePasswordVisibilityClick,disabled:this.disabled||this.readonly,a11yLabel:"password"===this.type?this.showPassword?this.localization.$globals.passwordToggleButtonHideLabel:this.localization.$globals.passwordToggleButtonShowLabel:void 0}):this.filled?i("stzh-button",{class:"stzh-input__button-right",icon:"close",size:this.size,iconOnly:!0,onClick:this.onClearClick,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId,a11yTabindex:"-1","aria-hidden":this.clearable?"true":void 0}):i("slot",{name:"button-right"}):i("stzh-icon",{class:"stzh-input__button-right",name:"search"}):i("slot",{name:"button-right"})),(p||h)&&i(e,{key:"fb3769cf99b5b8bb23f46a7a5ff5da1c75b7a73d",classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLongUsed:!1})))}get element(){return h(this)}static get watchers(){return{value:[{valueWatcher:0}],error:[{errorWatcher:0}],type:[{typeWatcher:0}]}}};a.style=".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, 8px);--padding-bottom:var(--stzh-space-xsmall, 8px);--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px);--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(     --stzh-input-hover-border-color,     var(--stzh-color-secondary50)   );--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:0;right:0}.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] 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] .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]){--x:0}@media (forced-colors: none){.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] .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);--border-color:transparent;--background-color:transparent;--hover-color:var(--button-right-color);--hover-border-color:transparent;--hover-background-color:transparent}}.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] .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[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)}[clearable].sc-stzh-input-h:not([clearable=false])[is-filled]:not([is-filled=false]) .stzh-input__button-right.sc-stzh-input{opacity:0;visibility:hidden;pointer-events:none}[clearable].sc-stzh-input-h:not([clearable=false])[is-filled]:not([is-filled=false]) .stzh-input__field-wrapper.sc-stzh-input:hover .stzh-input__button-right.sc-stzh-input,[clearable].sc-stzh-input-h:not([clearable=false])[is-filled]:not([is-filled=false]) .stzh-input__input.sc-stzh-input:focus+.stzh-input__button-right.sc-stzh-input{opacity:1;visibility:visible;pointer-events:auto}.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, 4px);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, 2px)}.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:-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-wrapper.sc-stzh-input{display:flex;align-items:center;gap:var(--stzh-space-xsmall, 8px);margin-bottom:var(--stzh-space-xxxsmall, 2px);width:100%;min-width:0;min-height:auto}.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);min-width:0;flex:0 1 auto;max-width:100%;margin-bottom:0}.stzh-input__label.no-label-truncate.sc-stzh-input{text-overflow:clip;white-space:normal;overflow:visible;white-space:normal;overflow:visible;text-overflow:clip}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__label.sc-stzh-input:not(.no-label-truncate){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stzh-input__label.no-label-truncate.sc-stzh-input{max-width:none;white-space:normal}.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, 8px))}.stzh-input__label-wrapper.sc-stzh-input>.stzh-input__description-wrapper.sc-stzh-input{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-text.sc-stzh-input{display:none}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description.sc-stzh-input{display:inline-flex;align-items:flex-start;margin:0}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long.sc-stzh-input{display:inline-flex;align-items:flex-start}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long-popover.sc-stzh-input,.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long-button.sc-stzh-input{height:1.25rem;line-height:1}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long-button.sc-stzh-input{display:inline-flex;align-items:center;justify-content:center;padding:0}.stzh-input__label-wrapper.sc-stzh-input stzh-popover.sc-stzh-input .stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-input__description-wrapper.sc-stzh-input{flex:0 0 auto}.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--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{width:var(--height);height:var(--height);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color}@media (forced-colors: active){.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{transition:none;color:ButtonBorder}}@media (forced-colors: active){.stzh-input--type-search.sc-stzh-input:hover .stzh-input__button-right.sc-stzh-input{color:Highlight}}.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}";export{a as stzh_input}
+import{r as t,c as s,h as i,a as o,d as h}from"./p-rujKGmCS.js";import{a as n,h as r}from"./p-CBLSoWgI.js";import{S as e}from"./p-DT3qkqDR.js";import"./p-BubviQku.js";let p=0;const a=class{constructor(i){t(this,i),this.stzhChange=s(this,"stzhChange"),this.stzhChanged=s(this,"stzhChanged"),this.stzhFocus=s(this,"stzhFocus"),this.stzhBlur=s(this,"stzhBlur"),this.multiline=!1,this.type="text",this.step=1,this.showSpin=!1,this.readonly=!1,this.disabled=!1,this.clearable=!1,this.hideOptional=!1,this.value="",this.defaultValue="",this.invalid=!1,this.required=!1,this.autocomplete="on",this.noAutocomplete=!1,this.label="",this.noLabelTruncate=!1,this.labelHidden=!1,this.size="default",this.a11yDescribedby="",this.hasDefaultSlot=!1,this.hasResolvedDefaultSlot=!1,this.focusedByInput=!1,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=()=>{this.focusedByInput||this.input.focus(),this.focusedByInput=!1},this.onFocus=t=>{this.focusedByInput=!0;const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});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:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-input",originalEvent:t})},this.updateDefaultSlotState=()=>{const t=n(this.element,["stzh-input"]);this.hasDefaultSlot!==t&&(this.hasDefaultSlot=t),this.hasResolvedDefaultSlot||(this.hasResolvedDefaultSlot=!0)}}resetListener(t){t.target.contains(this.element)&&requestAnimationFrame((()=>{this.handleReset()}))}valueWatcher(t){this.filled=""!==t}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[]}typeWatcher(t){if(!this.multiline&&!["text","search","password","email","url","tel","number","hidden"].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":void 0,"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(){this.renderPromiseResolve&&this.renderPromiseResolve()}componentDidLoad(){this.updateDefaultSlotState()}async componentWillLoad(){this.inputId="stzh-input-"+p++,this.typeWatcher(this.type),this.valueWatcher(this.value),this.errorWatcher(this.error),this.defaultValue=this.defaultValue||this.value,this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"input"))}render(){var t;const s=r(this.element,"button-right"),h=r(this.element,"description")||!!this.description,n=r(this.element,"description-long")||!!this.descriptionLong,p=r(this.element,"error")||(null===(t=this._error)||void 0===t?void 0:t.length)>0,a=!!this.label||this.hasDefaultSlot,l=!this.hasResolvedDefaultSlot||a||n;return i(o,{key:"f916e4aa0a1aef17cbf49efc3fdd3e15c55abf15","is-invalid":this.invalid||p,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus,"is-filled":this.filled},i("div",{key:"9981d0c1dbe600bec045d2d7806fa12c7992fb5d",class:{"stzh-input":!0,"stzh-input--has-button-right":s||"search"===this.type||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":h,"stzh-input--has-description-long":n,"stzh-input--has-error":p,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid||p,"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}},l&&i("div",{key:"c3fba3e75bfdc7cd23c8cfcd2936723981394653",class:"stzh-input__label-wrapper"},i("label",{key:"8d422b62fb7fdffa4c66b96694ea927f4d2b6dd0",class:{"stzh-input__label":!0,"no-label-truncate":this.noLabelTruncate},htmlFor:this.inputId},this.label?this.label:i("slot",{onSlotchange:this.updateDefaultSlotState}),a&&!this.hideOptional&&i("span",{key:"0691b150c10684e694ae253cdf4646b88322fe21",class:"stzh-input__marker"},i("span",{key:"94da1a6556c641a8696ee161973f3ff2a74147f6",class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"0cfa3f9225014b58cb613cb323307a23d9df0115",class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),n&&i(e,{key:"7926f919bad285a55d928af2add5c53740ceb48e",classPrefix:"stzh-input",id:`${this.inputId}-description-long`,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:n,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:!1,showDescriptionText:!1})),i("div",{key:"755894c737bee08327d162e95cf0465b30150ad8",class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),this.clearable||"search"===this.type||"password"===this.type?this.clearable&&!this.disabled&&!this.readonly&&this.filled||"search"!==this.type?"password"===this.type?i("stzh-button",{class:"stzh-input__button-right",icon:this.showPassword?"view-hidden":"view",size:this.size,iconOnly:!0,onClick:this.onTogglePasswordVisibilityClick,disabled:this.disabled||this.readonly,a11yLabel:"password"===this.type?this.showPassword?this.localization.$globals.passwordToggleButtonHideLabel:this.localization.$globals.passwordToggleButtonShowLabel:void 0}):this.filled?i("stzh-button",{class:"stzh-input__button-right",icon:"close",size:this.size,iconOnly:!0,onClick:this.onClearClick,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId,a11yTabindex:"-1","aria-hidden":this.clearable?"true":void 0}):i("slot",{name:"button-right"}):i("stzh-icon",{class:"stzh-input__button-right",name:"search"}):i("slot",{name:"button-right"})),(p||h)&&i(e,{key:"fb3769cf99b5b8bb23f46a7a5ff5da1c75b7a73d",classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLongUsed:!1})))}get element(){return h(this)}static get watchers(){return{value:[{valueWatcher:0}],error:[{errorWatcher:0}],type:[{typeWatcher:0}]}}};a.style=".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, 8px);--padding-bottom:var(--stzh-space-xsmall, 8px);--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px);--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(     --stzh-input-hover-border-color,     var(--stzh-color-secondary50)   );--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:0;right:0}.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] 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] .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]){--x:0}@media (forced-colors: none){.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] .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);--border-color:transparent;--background-color:transparent;--hover-color:var(--button-right-color);--hover-border-color:transparent;--hover-background-color:transparent}}.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] .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[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)}[clearable].sc-stzh-input-h:not([clearable=false])[is-filled]:not([is-filled=false]) .stzh-input__button-right.sc-stzh-input{opacity:0;visibility:hidden;pointer-events:none}[clearable].sc-stzh-input-h:not([clearable=false])[is-filled]:not([is-filled=false]) .stzh-input__field-wrapper.sc-stzh-input:hover .stzh-input__button-right.sc-stzh-input,[clearable].sc-stzh-input-h:not([clearable=false])[is-filled]:not([is-filled=false]) .stzh-input__input.sc-stzh-input:focus+.stzh-input__button-right.sc-stzh-input{opacity:1;visibility:visible;pointer-events:auto}.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, 4px);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, 2px)}.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:-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-wrapper.sc-stzh-input{display:flex;align-items:center;gap:var(--stzh-space-xsmall, 8px);margin-bottom:var(--stzh-space-xxxsmall, 2px);width:100%;min-width:0;min-height:auto}.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);min-width:0;flex:0 1 auto;max-width:100%;margin-bottom:0}.stzh-input__label.no-label-truncate.sc-stzh-input{text-overflow:clip;white-space:normal;overflow:visible;white-space:normal;overflow:visible;text-overflow:clip}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__label.sc-stzh-input:not(.no-label-truncate){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stzh-input__label.no-label-truncate.sc-stzh-input{max-width:none;white-space:normal}.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, 8px))}.stzh-input__label-wrapper.sc-stzh-input>.stzh-input__description-wrapper.sc-stzh-input{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-text.sc-stzh-input{display:none}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description.sc-stzh-input{display:inline-flex;align-items:flex-start;margin:0}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long.sc-stzh-input{display:inline-flex;align-items:flex-start}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long-popover.sc-stzh-input,.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long-button.sc-stzh-input{height:1.25rem;line-height:1}.stzh-input__label-wrapper.sc-stzh-input .stzh-input__description-long-button.sc-stzh-input{display:inline-flex;align-items:center;justify-content:center;padding:0}.stzh-input__label-wrapper.sc-stzh-input stzh-popover.sc-stzh-input .stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-input__description-wrapper.sc-stzh-input{flex:0 0 auto}.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--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{width:var(--height);height:var(--height);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color}@media (forced-colors: active){.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{transition:none;color:ButtonBorder}}@media (forced-colors: active){.stzh-input--type-search.sc-stzh-input:hover .stzh-input__button-right.sc-stzh-input{color:Highlight}}.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}";export{a as stzh_input}