npm - @oiz/stzh-components - Versions diffs - 4.12.1-beta1 → 4.12.2 - Mend

@oiz/stzh-components 4.12.1-beta1 → 4.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (900) hide show

package/dist/components/stzh-skin-storybook-preview.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, t as transformTag, e as Host } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, h, t as transformTag, e as Host } from './p-BBg6OWDc.js';
 const stzhSkinStorybookPreviewCss = () => `@charset "UTF-8";: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}.sbdocs-content,.sbdocs-content>div{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.sbdocs-content .float-left,.sbdocs-content>div .float-left{float:left}.sbdocs-content .float-right,.sbdocs-content>div .float-right{float:right}.sbdocs-content,.sbdocs-content>div{}.sbdocs-content h1,.sbdocs-content h2,.sbdocs-content h3,.sbdocs-content h4,.sbdocs-content>div h1,.sbdocs-content>div h2,.sbdocs-content>div h3,.sbdocs-content>div h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0}.sbdocs-content b,.sbdocs-content strong,.sbdocs-content>div b,.sbdocs-content>div strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content i,.sbdocs-content em,.sbdocs-content>div i,.sbdocs-content>div em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sbdocs-content,.sbdocs-content>div{}.sbdocs-content,.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content>div,.sbdocs-content>div p,.sbdocs-content>div stzh-text{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){.sbdocs-content,.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content>div,.sbdocs-content>div p,.sbdocs-content>div stzh-text{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)}}.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content h1,.sbdocs-content>div h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content h2,.sbdocs-content>div h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.sbdocs-content h3,.sbdocs-content>div h3{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.sbdocs-content h4,.sbdocs-content>div h4{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxxlarge)}}.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h1,.sbdocs-content stzh-heading[level="1"],.sbdocs-content>div h1,.sbdocs-content>div stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}}.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content h2,.sbdocs-content stzh-heading[level="2"],.sbdocs-content>div h2,.sbdocs-content>div stzh-heading[level="2"]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-top:var(--stzh-space-xlarge)}}.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content h3,.sbdocs-content stzh-heading[level="3"],.sbdocs-content>div h3,.sbdocs-content>div stzh-heading[level="3"]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}}.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content h4,.sbdocs-content stzh-heading[level="4"],.sbdocs-content>div h4,.sbdocs-content>div stzh-heading[level="4"]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content p,.sbdocs-content stzh-text,.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content stzh-list,.sbdocs-content>div p,.sbdocs-content>div stzh-text,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl,.sbdocs-content>div stzh-list{margin-top:0}.sbdocs-content ul ul,.sbdocs-content ul ol,.sbdocs-content ul dl,.sbdocs-content ul stzh-list,.sbdocs-content ol ul,.sbdocs-content ol ol,.sbdocs-content ol dl,.sbdocs-content ol stzh-list,.sbdocs-content dl ul,.sbdocs-content dl ol,.sbdocs-content dl dl,.sbdocs-content dl stzh-list,.sbdocs-content stzh-list ul,.sbdocs-content stzh-list ol,.sbdocs-content stzh-list dl,.sbdocs-content stzh-list stzh-list,.sbdocs-content>div ul ul,.sbdocs-content>div ul ol,.sbdocs-content>div ul dl,.sbdocs-content>div ul stzh-list,.sbdocs-content>div ol ul,.sbdocs-content>div ol ol,.sbdocs-content>div ol dl,.sbdocs-content>div ol stzh-list,.sbdocs-content>div dl ul,.sbdocs-content>div dl ol,.sbdocs-content>div dl dl,.sbdocs-content>div dl stzh-list,.sbdocs-content>div stzh-list ul,.sbdocs-content>div stzh-list ol,.sbdocs-content>div stzh-list dl,.sbdocs-content>div stzh-list stzh-list{margin-top:0;margin-bottom:0}.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sbdocs-content stzh-text[curve=hero],.sbdocs-content stzh-heading[curve=hero],.sbdocs-content>div stzh-text[curve=hero],.sbdocs-content>div stzh-heading[curve=hero]{margin-top:0}.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h1],.sbdocs-content stzh-heading[curve=h1],.sbdocs-content>div stzh-text[curve=h1],.sbdocs-content>div stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxxlarge)}}.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}}.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h2],.sbdocs-content stzh-heading[curve=h2],.sbdocs-content>div stzh-text[curve=h2],.sbdocs-content>div stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-small)}}.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h3],.sbdocs-content stzh-heading[curve=h3],.sbdocs-content>div stzh-text[curve=h3],.sbdocs-content>div stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}}.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=h4],.sbdocs-content stzh-heading[curve=h4],.sbdocs-content>div stzh-text[curve=h4],.sbdocs-content>div stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-small)}}.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xxlarge)}}.sbdocs-content stzh-text[curve=p1],.sbdocs-content stzh-heading[curve=p1],.sbdocs-content>div stzh-text[curve=p1],.sbdocs-content>div stzh-heading[curve=p1]{margin-top:0}.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-top:var(--stzh-space-xlarge)}}.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content stzh-text[curve=p2],.sbdocs-content stzh-heading[curve=p2],.sbdocs-content>div stzh-text[curve=p2],.sbdocs-content>div stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content,.sbdocs-content>div{}.sbdocs-content ul,.sbdocs-content ol,.sbdocs-content dl,.sbdocs-content>div ul,.sbdocs-content>div ol,.sbdocs-content>div dl{list-style:none;padding-left:0;overflow:hidden}.sbdocs-content ol,.sbdocs-content>div ol{counter-reset:li-counter}.sbdocs-content ul li,.sbdocs-content ol li,.sbdocs-content>div ul li,.sbdocs-content>div ol li{position:relative}.sbdocs-content ul li::before,.sbdocs-content ol li::before,.sbdocs-content>div ul li::before,.sbdocs-content>div ol li::before{display:inline-block;position:absolute;left:0;top:0}.sbdocs-content ul li,.sbdocs-content>div ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sbdocs-content ul li::before,.sbdocs-content>div ul li::before{content:"–"}.sbdocs-content ol li,.sbdocs-content>div ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sbdocs-content ol li::before,.sbdocs-content>div ol li::before{content:counter(li-counter) ". "}.sbdocs-content,.sbdocs-content>div{}.sbdocs-content stzh-figure,.sbdocs-content>div stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sbdocs-content,.sbdocs-content>div{}.sbdocs-content blockquote,.sbdocs-content>div blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-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){.sbdocs-content blockquote,.sbdocs-content>div blockquote{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){.sbdocs-content blockquote,.sbdocs-content>div blockquote{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){.sbdocs-content blockquote,.sbdocs-content>div blockquote{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))}}.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-left:var(--stzh-space-xxlarge)}}.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{padding-right:var(--stzh-space-xxlarge)}}.sbdocs-content blockquote,.sbdocs-content>div blockquote{margin:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{margin:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote,.sbdocs-content>div blockquote{margin:var(--stzh-space-xxxxlarge)}}.sbdocs-content blockquote,.sbdocs-content>div blockquote{color:var(--richtext-blockquote-color);position:relative;overflow:hidden}@media print{.sbdocs-content blockquote,.sbdocs-content>div blockquote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sbdocs-content blockquote:before,.sbdocs-content>div blockquote:before{background:var(--richtext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-top:0;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content blockquote p,.sbdocs-content>div blockquote p{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content blockquote p::before,.sbdocs-content blockquote p::after,.sbdocs-content>div blockquote p::before,.sbdocs-content>div blockquote p::after{display:inline-block}.sbdocs-content blockquote p::before,.sbdocs-content>div blockquote p::before{content:"«"}.sbdocs-content blockquote p::after,.sbdocs-content>div blockquote p::after{content:"»"}.sbdocs-content blockquote footer,.sbdocs-content>div blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.sbdocs-content blockquote footer,.sbdocs-content>div blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sbdocs-content blockquote footer,.sbdocs-content>div blockquote footer{color:var(--richtext-blockquote-footer-color)}.sbdocs-content blockquote footer::before,.sbdocs-content>div blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sbdocs-content,.sbdocs-content>div{}.sbdocs-content table,.sbdocs-content>div table{--min-width:none;--cell-padding:var(--stzh-table-cell-padding);width:100%;border-spacing:0;min-width:var(--min-width);}.sbdocs-content table.has-layout-fixed,.sbdocs-content>div table.has-layout-fixed{table-layout:fixed}.sbdocs-content thead,.sbdocs-content>div thead{position:sticky;top:0;z-index:1}.sbdocs-content tbody tr:nth-child(even) td,.sbdocs-content tbody tr:nth-child(even) th,.sbdocs-content>div tbody tr:nth-child(even) td,.sbdocs-content>div tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.sbdocs-content td,.sbdocs-content th,.sbdocs-content>div td,.sbdocs-content>div th{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);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.sbdocs-content td a,.sbdocs-content th a,.sbdocs-content>div td a,.sbdocs-content>div th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);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)}.sbdocs-content td a:hover,.sbdocs-content th a:hover,.sbdocs-content>div td a:hover,.sbdocs-content>div th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sbdocs-content td b,.sbdocs-content td strong,.sbdocs-content th b,.sbdocs-content th strong,.sbdocs-content>div td b,.sbdocs-content>div td strong,.sbdocs-content>div th b,.sbdocs-content>div th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content td i,.sbdocs-content td em,.sbdocs-content th i,.sbdocs-content th em,.sbdocs-content>div td i,.sbdocs-content>div td em,.sbdocs-content>div th i,.sbdocs-content>div th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sbdocs-content td,.sbdocs-content th,.sbdocs-content>div td,.sbdocs-content>div th{}.sbdocs-content td.align-left,.sbdocs-content th.align-left,.sbdocs-content>div td.align-left,.sbdocs-content>div th.align-left{text-align:left}.sbdocs-content td.align-right,.sbdocs-content th.align-right,.sbdocs-content>div td.align-right,.sbdocs-content>div th.align-right{text-align:right}.sbdocs-content td.align-center,.sbdocs-content th.align-center,.sbdocs-content>div td.align-center,.sbdocs-content>div th.align-center{text-align:center}.sbdocs-content td,.sbdocs-content th,.sbdocs-content>div td,.sbdocs-content>div th{}.sbdocs-content td.valign-auto,.sbdocs-content th.valign-auto,.sbdocs-content>div td.valign-auto,.sbdocs-content>div th.valign-auto{vertical-align:auto}.sbdocs-content td.valign-middle,.sbdocs-content th.valign-middle,.sbdocs-content>div td.valign-middle,.sbdocs-content>div th.valign-middle{vertical-align:middle}.sbdocs-content td.valign-bottom,.sbdocs-content th.valign-bottom,.sbdocs-content>div td.valign-bottom,.sbdocs-content>div th.valign-bottom{vertical-align:bottom}.sbdocs-content td.valign-top,.sbdocs-content th.valign-top,.sbdocs-content>div td.valign-top,.sbdocs-content>div th.valign-top{vertical-align:top}.sbdocs-content td,.sbdocs-content th,.sbdocs-content>div td,.sbdocs-content>div th{}.sbdocs-content td.nowrap,.sbdocs-content th.nowrap,.sbdocs-content>div td.nowrap,.sbdocs-content>div th.nowrap{white-space:nowrap}.sbdocs-content td,.sbdocs-content th,.sbdocs-content>div td,.sbdocs-content>div th{}.sbdocs-content td.is-head,.sbdocs-content th.is-head,.sbdocs-content>div td.is-head,.sbdocs-content>div th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content td,.sbdocs-content th,.sbdocs-content>div td,.sbdocs-content>div th{}.sbdocs-content td.is-sticky-left,.sbdocs-content td.is-sticky-right,.sbdocs-content th.is-sticky-left,.sbdocs-content th.is-sticky-right,.sbdocs-content>div td.is-sticky-left,.sbdocs-content>div td.is-sticky-right,.sbdocs-content>div th.is-sticky-left,.sbdocs-content>div th.is-sticky-right{position:sticky;z-index:1}.sbdocs-content td.has-sticked,.sbdocs-content th.has-sticked,.sbdocs-content>div td.has-sticked,.sbdocs-content>div th.has-sticked{z-index:2}.sbdocs-content td.is-sticky-left,.sbdocs-content th.is-sticky-left,.sbdocs-content>div td.is-sticky-left,.sbdocs-content>div th.is-sticky-left{left:0}.sbdocs-content td.is-sticky-right,.sbdocs-content th.is-sticky-right,.sbdocs-content>div td.is-sticky-right,.sbdocs-content>div th.is-sticky-right{right:0}.sbdocs-content td.is-sticky-left::after,.sbdocs-content td.is-sticky-right::after,.sbdocs-content th.is-sticky-left::after,.sbdocs-content th.is-sticky-right::after,.sbdocs-content>div td.is-sticky-left::after,.sbdocs-content>div td.is-sticky-right::after,.sbdocs-content>div th.is-sticky-left::after,.sbdocs-content>div th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.sbdocs-content td.is-sticky-left::after,.sbdocs-content th.is-sticky-left::after,.sbdocs-content>div td.is-sticky-left::after,.sbdocs-content>div th.is-sticky-left::after{right:0}.sbdocs-content td.is-sticky-right::after,.sbdocs-content th.is-sticky-right::after,.sbdocs-content>div td.is-sticky-right::after,.sbdocs-content>div th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.sbdocs-content td.has-sticked.is-sticky-left::after,.sbdocs-content td.has-sticked.is-sticky-right::after,.sbdocs-content th.has-sticked.is-sticky-left::after,.sbdocs-content th.has-sticked.is-sticky-right::after,.sbdocs-content>div td.has-sticked.is-sticky-left::after,.sbdocs-content>div td.has-sticked.is-sticky-right::after,.sbdocs-content>div th.has-sticked.is-sticky-left::after,.sbdocs-content>div th.has-sticked.is-sticky-right::after{opacity:1}.sbdocs-content th,.sbdocs-content>div th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.sbdocs-content th.is-sortable,.sbdocs-content>div th.is-sortable{padding:0}.sbdocs-content th:has(>span):has(>stzh-icon)>span,.sbdocs-content th:has(>span):has(>stzh-icon)>stzh-icon,.sbdocs-content>div th:has(>span):has(>stzh-icon)>span,.sbdocs-content>div th:has(>span):has(>stzh-icon)>stzh-icon{vertical-align:middle}.sbdocs-content th:has(>span):has(>stzh-icon)>stzh-icon,.sbdocs-content>div th:has(>span):has(>stzh-icon)>stzh-icon{display:inline-block}.sbdocs-content,.sbdocs-content>div{}.sbdocs-content a,.sbdocs-content>div a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);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)}.sbdocs-content a:hover,.sbdocs-content>div a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sbdocs-content .stzh-richtext__external-link,.sbdocs-content>div .stzh-richtext__external-link{position:relative}.sbdocs-content .stzh-richtext__external-vhidden,.sbdocs-content>div .stzh-richtext__external-vhidden{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.sbdocs-content .stzh-richtext__external-icon-wrapper,.sbdocs-content>div .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sbdocs-content .stzh-richtext__external-icon,.sbdocs-content>div .stzh-richtext__external-icon{--icon:var(--stzh-icon-size);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size);height:var(--stzh-icon-size)}.sbdocs-content .sbdocs-title,.sbdocs-content .sbdocs-h2,.sbdocs-content>div .sbdocs-title,.sbdocs-content>div .sbdocs-h2{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color)}.sbdocs-content .sbdocs-title,.sbdocs-content h1:first-of-type,.sbdocs-content>div .sbdocs-title,.sbdocs-content>div h1:first-of-type{margin-top:0}.sbdocs-content h2:first-of-type,.sbdocs-content>div h2:first-of-type{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sbdocs-content h2:first-of-type,.sbdocs-content>div h2:first-of-type{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sbdocs-content h2:first-of-type,.sbdocs-content>div h2:first-of-type{margin-top:var(--stzh-space-xxxxlarge)}}.sbdocs-content h2,.sbdocs-content>div h2{padding-bottom:0;border-bottom:none}.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-top:var(--stzh-space-xlarge)}}.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sbdocs-content pre>.docblock-source,.sbdocs-content>div pre>.docblock-source{margin-bottom:var(--stzh-space-xlarge)}}.sbdocs-content table,.sbdocs-content>div table{display:block;overflow-x:auto;width:auto;min-width:auto}.sbdocs-content ul li ul,.sbdocs-content ul li ol,.sbdocs-content ul li dl,.sbdocs-content>div ul li ul,.sbdocs-content>div ul li ol,.sbdocs-content>div ul li dl{list-style:none;padding-left:0;overflow:hidden}.sbdocs-content p,.sbdocs-content ul li,.sbdocs-content stzh-text,.sbdocs-content>div p,.sbdocs-content>div ul li,.sbdocs-content>div stzh-text{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-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){.sbdocs-content p,.sbdocs-content ul li,.sbdocs-content stzh-text,.sbdocs-content>div p,.sbdocs-content>div ul li,.sbdocs-content>div stzh-text{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)}}.sbdocs-content p b,.sbdocs-content p strong,.sbdocs-content ul li b,.sbdocs-content ul li strong,.sbdocs-content stzh-text b,.sbdocs-content stzh-text strong,.sbdocs-content>div p b,.sbdocs-content>div p strong,.sbdocs-content>div ul li b,.sbdocs-content>div ul li strong,.sbdocs-content>div stzh-text b,.sbdocs-content>div stzh-text strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sbdocs-content p i,.sbdocs-content p em,.sbdocs-content ul li i,.sbdocs-content ul li em,.sbdocs-content stzh-text i,.sbdocs-content stzh-text em,.sbdocs-content>div p i,.sbdocs-content>div p em,.sbdocs-content>div ul li i,.sbdocs-content>div ul li em,.sbdocs-content>div stzh-text i,.sbdocs-content>div stzh-text em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}`;

package/dist/components/stzh-skiplink.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
 const stzhSkiplinkCss = () => `.sc-stzh-skiplink-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-skiplink-h,[stzh-hidden].sc-stzh-skiplink-h{display:none}.sc-stzh-skiplink-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-skiplink-h *.sc-stzh-skiplink,.sc-stzh-skiplink-h *.sc-stzh-skiplink::before,.sc-stzh-skiplink-h *.sc-stzh-skiplink::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-skiplink-h .has-focus.sc-stzh-skiplink{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink{outline-style:none !important}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink::-moz-focus-inner{border:0 !important}.sc-stzh-skiplink-h:not([focused]){padding:0 !important;margin:0 !important}.stzh-skiplink.sc-stzh-skiplink:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-skiplink.sc-stzh-skiplink{display:inline-block;right:0;top:0;white-space:nowrap;padding:var(--stzh-space-large) var(--stzh-space-xxlarge);border:solid 0.0625rem var(--stzh-color-grey50);border-radius:0.125rem;background:var(--stzh-color-white);color:var(--stzh-color-primary);transition:color var(--stzh-base-transition-animation-speed);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-skiplink.sc-stzh-skiplink:hover{color:var(--stzh-color-primary-hover)}`;

package/dist/components/stzh-socialmediastream-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhSocialmediastreamItem$1, d as defineCustomElement$1 } from './p-o34Djtsg.js';
+import { S as StzhSocialmediastreamItem$1, d as defineCustomElement$1 } from './p-CXhl6EKC.js';
 const StzhSocialmediastreamItem = StzhSocialmediastreamItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-socialmediastream.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './p-CUGRmgip.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$6 } from './p-C4RWomy3.js';
-import { d as defineCustomElement$5 } from './p-C7Wum7Zf.js';
-import { d as defineCustomElement$4 } from './p-CzvAx4N0.js';
-import { d as defineCustomElement$3 } from './p-o34Djtsg.js';
-import { d as defineCustomElement$2 } from './p-5iYOoBns.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$6 } from './p-Bg2ganSs.js';
+import { d as defineCustomElement$5 } from './p-CRo_30JG.js';
+import { d as defineCustomElement$4 } from './p-AIPoMvau.js';
+import { d as defineCustomElement$3 } from './p-CXhl6EKC.js';
+import { d as defineCustomElement$2 } from './p-4Vt8Vqot.js';
 var MiniMasonry = function(conf) {
     this._sizes             = [];

package/dist/components/stzh-sortable.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhSortable$1, d as defineCustomElement$1 } from './p-B9l_iEm8.js';
+import { S as StzhSortable$1, d as defineCustomElement$1 } from './p-BDTpabg7.js';
 const StzhSortable = StzhSortable$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-space.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhSpace$1, d as defineCustomElement$1 } from './p-CdY_9ADR.js';
+import { S as StzhSpace$1, d as defineCustomElement$1 } from './p-i5bFTONl.js';
 const StzhSpace = StzhSpace$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-status.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhStatus$1, d as defineCustomElement$1 } from './p-pWmESorT.js';
+import { S as StzhStatus$1, d as defineCustomElement$1 } from './p-dgzFBTky.js';
 const StzhStatus = StzhStatus$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-stepper-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhStepperItem$1, d as defineCustomElement$1 } from './p-DONIQb7T.js';
+import { S as StzhStepperItem$1, d as defineCustomElement$1 } from './p-ChcKhy4e.js';
 const StzhStepperItem = StzhStepperItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-stepper.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './p-CUGRmgip.js';
-import { d as defineCustomElement$3 } from './p-C7Wum7Zf.js';
-import { d as defineCustomElement$2 } from './p-DONIQb7T.js';
+import { d as defineCustomElement$3 } from './p-CRo_30JG.js';
+import { d as defineCustomElement$2 } from './p-ChcKhy4e.js';
 const stzhStepperCss = () => `.sc-stzh-stepper-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-stepper-h,[stzh-hidden].sc-stzh-stepper-h{display:none}.sc-stzh-stepper-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-stepper-h *.sc-stzh-stepper,.sc-stzh-stepper-h *.sc-stzh-stepper::before,.sc-stzh-stepper-h *.sc-stzh-stepper::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-stepper-h .has-focus.sc-stzh-stepper{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper{outline-style:none !important}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper::-moz-focus-inner{border:0 !important}.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.6875rem * 2)}@media screen and (min-width: 600px){.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.9375rem * 2)}}.stzh-stepper.sc-stzh-stepper{position:relative;z-index:0;overflow:hidden}.stzh-stepper__items.sc-stzh-stepper{display:flex;flex-wrap:nowrap}.stzh-stepper__item.sc-stzh-stepper{flex-grow:1;flex-shrink:1;flex-basis:0}`;

package/dist/components/stzh-sticky-actions.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-DajXzNIS.js';
-import { t as throttle, d as defineCustomElement$2 } from './p-CnJ7i4Ge.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
+import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { t as throttle, d as defineCustomElement$2 } from './p-DmRzqkUn.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
 const stzhStickyActionsCss = () => `: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{--gap:var(--stzh-space-small);--sticky-padding-bottom:var(
     --stzh-sticky-actions-sticky-padding-bottom,

package/dist/components/stzh-sticky.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhSticky$1, d as defineCustomElement$1 } from './p-CnJ7i4Ge.js';
+import { S as StzhSticky$1, d as defineCustomElement$1 } from './p-DmRzqkUn.js';
 const StzhSticky = StzhSticky$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-table.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
-import { s as setPropsIfNull, h as hasSlot } from './p-CN5apKPb.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { s as setPropsIfNull, h as hasSlot } from './p-DBHUqFOB.js';
 const stzhTableCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table{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}stzh-table[hidden],stzh-table[stzh-hidden]{display:none}stzh-table::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-table *,stzh-table *::before,stzh-table *::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)}stzh-table{}stzh-table .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-table .stzh-fylingfocus-focused{outline-style:none !important}stzh-table .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table{--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-table[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-table{-webkit-text-size-adjust:100%}.stzh-table__sub-header{display:flex;align-items:flex-end;justify-content:space-between}.stzh-table__header .stzh-table__search{flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__header .stzh-table__search{width:var(--search-input-width);flex-grow:0}}.stzh-table__action-button{flex-shrink:0;margin-left:auto}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:linear-gradient(90deg, rgb(210, 210, 210) 0%, rgba(255, 255, 255, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:1.5rem;transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__wrapper::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-table__wrapper::-webkit-scrollbar-track{background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-table__wrapper::-webkit-scrollbar-thumb:active,.stzh-table__wrapper ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}.stzh-table__pagination-wrapper{display:flex;justify-content:flex-end}.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);cursor:pointer;appearance:none;background:none;border:none;display:inline-flex;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding);gap:var(--stzh-space-xxsmall)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:Highlight}}.stzh-table__list-sort-wrapper{display:flex;flex-direction:column;align-items:flex-start}.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-table__list-sort-wrapper stzh-dropdown+stzh-dropdown{margin-top:calc(var(--stzh-space-xsmall) / -1)}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-table table.has-layout-fixed{table-layout:fixed}.stzh-table thead{position:sticky;top:0;z-index:1}.stzh-table tbody tr:nth-child(even) td,.stzh-table tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.stzh-table td,.stzh-table th{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);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);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)}.stzh-table td a:hover,.stzh-table th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-table td,.stzh-table th{}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td,.stzh-table th{}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.valign-top,.stzh-table th.valign-top{vertical-align:top}.stzh-table td,.stzh-table th{}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td,.stzh-table th{}.stzh-table td.is-head,.stzh-table th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td,.stzh-table th{}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.stzh-table th.is-sortable{padding:0}.stzh-table th:has(>span):has(>stzh-icon)>span,.stzh-table th:has(>span):has(>stzh-icon)>stzh-icon{vertical-align:middle}.stzh-table th:has(>span):has(>stzh-icon)>stzh-icon{display:inline-block}.stzh-table{}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{display:inline-flex}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{transform:rotate(180deg)}.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-table.has-action-or-search .stzh-table__heading:not(:empty){margin-bottom:var(--stzh-space-xlarge)}.stzh-table{}.stzh-table.has-list .stzh-table__outer-wrapper{display:none}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__outer-wrapper{display:block}}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__list-wrapper{display:none}}.stzh-table{}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}.stzh-table.has-scroll-right .stzh-table__wrapper{overflow-x:scroll}`;

package/dist/components/stzh-tag.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhTag$1, d as defineCustomElement$1 } from './p-BopctUFy.js';
+import { S as StzhTag$1, d as defineCustomElement$1 } from './p-JcCSKOtR.js';
 const StzhTag = StzhTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-text.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhText$1, d as defineCustomElement$1 } from './p-5iYOoBns.js';
+import { S as StzhText$1, d as defineCustomElement$1 } from './p-4Vt8Vqot.js';
 const StzhText = StzhText$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-textandimage.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-DajXzNIS.js';
-import { h as hasSlot, s as setPropsIfNull } from './p-CN5apKPb.js';
+import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { h as hasSlot, s as setPropsIfNull } from './p-DBHUqFOB.js';
 const stzhTextandimageCss = () => `: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{--row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}:host{--grid-template-areas:var(
     --stzh-textandimage-grid-template-areas,

package/dist/components/stzh-timeline-item.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
 import { w as waitForEvent } from './p--SdF31O7.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesAutoValues } from './p-BOO84wnP.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$3 } from './p-BSx9yT8P.js';
-import { d as defineCustomElement$2 } from './p-C7Wum7Zf.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$3 } from './p-DEfzwFSm.js';
+import { d as defineCustomElement$2 } from './p-CRo_30JG.js';
 const stzhTimelineItemCss = () => `: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{--content-padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}:host{--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--heading-margin-bottom:var(--stzh-space-medium);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--border-width:0.125rem;--button-font-size:var(
     --stzh-timeline-nested-button-font-size,

package/dist/components/stzh-timeline.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
 const stzhTimelineCss = () => `: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{--nested-margin-left:var(--stzh-timeline-nested-margin-left, 0px);--nested-margin-bottom:var(--stzh-timeline-nested-margin-bottom, 0px);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host ::slotted(*:not(:last-child)){position:relative}:host ::slotted(*:not(:last-child))::after{content:"";display:block;position:absolute;top:0;left:1.25rem;width:0.125rem;height:100%;background-color:var(--stzh-color-grey50)}@media (forced-colors: active){:host ::slotted(*:not(:last-child))::after{background-color:CanvasText}}.stzh-timeline{--stzh-timeline-nested-margin-left:calc(
     var(--stzh-timeline-bullet-size) / -1

package/dist/components/stzh-timepicker.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
-import { d as defineCustomElement$5 } from './p-CLC2TbXk.js';
-import { d as defineCustomElement$4 } from './p-C7Wum7Zf.js';
-import { d as defineCustomElement$3 } from './p-DvQXjdsB.js';
-import { d as defineCustomElement$2 } from './p-5iYOoBns.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { d as defineCustomElement$5 } from './p-BTNpLREK.js';
+import { d as defineCustomElement$4 } from './p-CRo_30JG.js';
+import { d as defineCustomElement$3 } from './p-DT0ux3Yn.js';
+import { d as defineCustomElement$2 } from './p-4Vt8Vqot.js';
 const stzhTimepickerCss = () => `.sc-stzh-timepicker-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-timepicker-h,[stzh-hidden].sc-stzh-timepicker-h{display:none}.sc-stzh-timepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-timepicker-h *.sc-stzh-timepicker,.sc-stzh-timepicker-h *.sc-stzh-timepicker::before,.sc-stzh-timepicker-h *.sc-stzh-timepicker::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-timepicker-h .has-focus.sc-stzh-timepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-timepicker-h .stzh-fylingfocus-focused.sc-stzh-timepicker{outline-style:none !important}.sc-stzh-timepicker-h .stzh-fylingfocus-focused.sc-stzh-timepicker::-moz-focus-inner{border:0 !important}.sc-stzh-timepicker-h{width:100%}.stzh-timepicker__dropdown.sc-stzh-timepicker{--icon-angle-size:var(--stzh-icon-size-small);--active-icon-angle-transform:rotate(0deg) translateY(-50%)}`;

package/dist/components/stzh-toast.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhToast$1, d as defineCustomElement$1 } from './p-B6XvNGiA.js';
+import { S as StzhToast$1, d as defineCustomElement$1 } from './p-BYIlBCuU.js';
 const StzhToast = StzhToast$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-toastbar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhToastbar$1, d as defineCustomElement$1 } from './p-DX6blqyR.js';
+import { S as StzhToastbar$1, d as defineCustomElement$1 } from './p-DXesblGY.js';
 const StzhToastbar = StzhToastbar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-toggle.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { S as StzhInputDescription } from './p-nQojTf6Q.js';
-import { d as defineCustomElement$4 } from './p-C7Wum7Zf.js';
-import { d as defineCustomElement$3 } from './p-DvQXjdsB.js';
-import { d as defineCustomElement$2 } from './p-5iYOoBns.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { a as hasDefaultSlotContent, h as hasSlot } from './p-DBHUqFOB.js';
+import { S as StzhInputDescription } from './p-BmG3hFM8.js';
+import { d as defineCustomElement$4 } from './p-CRo_30JG.js';
+import { d as defineCustomElement$3 } from './p-DT0ux3Yn.js';
+import { d as defineCustomElement$2 } from './p-4Vt8Vqot.js';
 const stzhToggleCss = () => `.sc-stzh-toggle-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-toggle-h,[stzh-hidden].sc-stzh-toggle-h{display:none}.sc-stzh-toggle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::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-toggle-h .has-focus.sc-stzh-toggle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle{outline-style:none !important}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle::-moz-focus-inner{border:0 !important}.sc-stzh-toggle-h{--check-size:1.5rem;--track-width:2.75rem;display:inline-block}[disabled].sc-stzh-toggle-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-toggle__marker-text.sc-stzh-toggle{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-toggle__description-wrapper.sc-stzh-toggle{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{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-toggle__description-long.sc-stzh-toggle{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-toggle__description-long.sc-stzh-toggle{margin-top:0}}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-button.sc-stzh-toggle{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-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{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);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black10op);width:var(--track-width);height:1rem;flex-shrink:0;border-radius:0.75rem;display:inline-flex;justify-content:center;align-items:center;transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}@media (forced-colors: active){.stzh-toggle__mark.sc-stzh-toggle{outline:0.125rem solid ButtonBorder;outline-offset:-0.125rem}}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:var(--check-size);height:var(--check-size);border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;transform:translateY(-50%);transition-property:border-color, background-color, transform;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-toggle__check.sc-stzh-toggle{transition-property:transform;border-color:ButtonBorder}}@media (prefers-reduced-motion: reduce){.stzh-toggle__check.sc-stzh-toggle{transition:none}}.stzh-toggle__label.sc-stzh-toggle{--stzh-base-color:initial;display:inline-flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--stzh-base-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__label-text.sc-stzh-toggle{min-width:0}.stzh-toggle__label.sc-stzh-toggle>.stzh-toggle__description-wrapper.sc-stzh-toggle{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-text.sc-stzh-toggle{display:none}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long.sc-stzh-toggle{display:inline-flex;align-items:flex-start;margin:0}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long-button.sc-stzh-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-toggle__label.sc-stzh-toggle stzh-popover.sc-stzh-toggle .stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-toggle__marker.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-old-primary48)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary);background-color:var(--stzh-color-primary);transform:translateY(-50%) translateX(calc(var(--track-width) - var(--check-size)))}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:ButtonBorder;background-color:SelectedItem}}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle{outline-color:Highlight}}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black10op)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error60)}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey70)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:GrayText}}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle{outline-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey13)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-grey10)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey25);background-color:var(--stzh-color-old-grey25)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText;background-color:SelectedItem}}`;
@@ -37,6 +37,18 @@ const StzhToggle$1 = /*@__PURE__*/ proxyCustomElement(class StzhToggle extends H
         this.labelPosition = "right";
         /** Id for element which describes the input (this will be overwritten if description prop or slot is used) */
         this.a11yDescribedby = "";
+        /**
+         * Whether the component has meaningful default-slot content.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasDefaultSlot = false;
+        /**
+         * Indicates whether default-slot content detection has run at least once.
+         * Used to avoid rendering state-dependent markup before the slot content
+         * has been evaluated.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasResolvedDefaultSlot = false;
         this.focusedByInput = false;
         this.handleReset = async () => {
             this.checked = this.defaultChecked;
@@ -81,6 +93,19 @@ const StzhToggle$1 = /*@__PURE__*/ proxyCustomElement(class StzhToggle extends H
                 originalEvent: event,
             });
         };
+        /**
+         * Re-evaluates default-slot content and updates the related render state.
+         * Becomes obsolete with implementation of PDESI-1908.
+         */
+        this.updateDefaultSlotState = () => {
+            const hasDefaultSlot = hasDefaultSlotContent(this.element, ["stzh-toggle"]);
+            if (this.hasDefaultSlot !== hasDefaultSlot) {
+                this.hasDefaultSlot = hasDefaultSlot;
+            }
+            if (!this.hasResolvedDefaultSlot) {
+                this.hasResolvedDefaultSlot = true;
+            }
+        };
     }
     resetListener(event) {
         if (event.target.contains(this.element)) {
@@ -110,6 +135,9 @@ const StzhToggle$1 = /*@__PURE__*/ proxyCustomElement(class StzhToggle extends H
             this._error = [];
         }
     }
+    componentDidLoad() {
+        this.updateDefaultSlotState();
+    }
     async componentWillLoad() {
         this.inputId = `stzh-toggle-${toggleCounter++}`;
         this.defaultChecked = typeof this.defaultChecked === "boolean" ? this.defaultChecked : this.checked;
@@ -123,7 +151,8 @@ const StzhToggle$1 = /*@__PURE__*/ proxyCustomElement(class StzhToggle extends H
         const descriptionUsed = hasSlot(this.element, "description") || !!this.description;
         const descriptionLongUsed = hasSlot(this.element, "description-long") || !!this.descriptionLong;
         const errorUsed = hasSlot(this.element, "error") || ((_a = this._error) === null || _a === void 0 ? void 0 : _a.length) > 0;
-        const labelUsed = !!this.label || hasSlot(this.element) || descriptionLongUsed;
+        const labelUsed = !!this.label || this.hasDefaultSlot;
+        const labelWrapperUsed = !this.hasResolvedDefaultSlot || labelUsed || descriptionLongUsed;
         const classes = {
             "stzh-toggle": true,
             "stzh-toggle--has-error": errorUsed,
@@ -134,11 +163,11 @@ const StzhToggle$1 = /*@__PURE__*/ proxyCustomElement(class StzhToggle extends H
             "stzh-toggle--has-description-long": descriptionLongUsed,
             [`stzh-toggle--has-label-${this.labelPosition}`]: !!this.labelPosition,
         };
-        return (h(Host, { key: '71703076957012244d99e5bfe9eaae91dfd3136b', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '5c3cdb7ff6195fb6dbf844110f7f2fc15dd0e5b9', class: classes }, h("label", { key: 'e7207ccb9b8ef7f1ee798f8008a777c14f83a294', class: "stzh-toggle__field-wrapper" }, h("input", { key: '66fa0d14e799bf6fdc0ec19f691dfac483884132', class: "stzh-toggle__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '6260219a827eb1706ad4359a065d17ce28d83881', class: "stzh-toggle__mark" }, h("div", { key: 'c31d157867858c2ae6c449a53143886992250fd6', class: "stzh-toggle__check" })), labelUsed && (h("div", { key: '4176627fde0fdb89e848d9300a1bd22fccf678b2', class: "stzh-toggle__label" }, h("span", { key: 'bb2056d98e40d6c9780d622c639455f7a980f0e1', class: "stzh-toggle__label-text" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '1bae137c2d20f921064d2bc8f27307e53babd3cc', class: "stzh-toggle__marker" }, h("span", { key: '19a4adea55ed3943bda5115c457e88168b05925c', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '42d41395c993c9d79904791d4fee71ed94db3cc0', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '9212e5f6b18fc5a571bce3d9ae447ad7c767d958', class: classes }, labelWrapperUsed && (h("label", { key: 'b6546b855a609b0f263a461752e21b3a6c182cf3', class: "stzh-toggle__field-wrapper" }, h("input", { key: '8321c0d4c3980d4522f324fa349eee2a8e65b89e', class: "stzh-toggle__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: 'c2af29db4c01d5d4b4e7a7b4d7f8d39b8414eb57', class: "stzh-toggle__mark" }, h("div", { key: '367c0fbce7cb1bb640710ad5a1e9548a671bf36e', class: "stzh-toggle__check" })), h("div", { key: '2048b73435e4b567aa8aad53e1ce86799224914d', class: "stzh-toggle__label" }, h("span", { key: 'c4fd21e5f4afbc6758be8e9ea05aeaf30222cf69', class: "stzh-toggle__label-text" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '09b5f77414e1e376f1122d23c2cc6160a8cfe88f', class: "stzh-toggle__marker" }, h("span", { key: 'd0f5891ab3dee00ecfdb4b3e0fdf4432b30e2a66', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '3c54f5386396ffc9e1e52b8730aae92dc3f228e9', class: "stzh-toggle__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'b8093076abc796384c7f5ccdc25ff367643ca148', class: "stzh-toggle__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '7cfd564610bd66d61b66ab70bbcaed301252de35', classPrefix: "stzh-toggle", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '02c34d582606de57abafad95ff723d014f4a8bd2', classPrefix: "stzh-toggle", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '707add1382f69fa563ad9e13a48600addbfc542a', classPrefix: "stzh-toggle", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'a9657b1059ef9efa888d49f51eb54715f62c4781', classPrefix: "stzh-toggle", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -161,7 +190,9 @@ const StzhToggle$1 = /*@__PURE__*/ proxyCustomElement(class StzhToggle extends H
         "descriptionLong": [1, "description-long"],
         "descriptionLongTitle": [1, "description-long-title"],
         "error": [1],
-        "a11yDescribedby": [1, "a11y-describedby"]
+        "a11yDescribedby": [1, "a11y-describedby"],
+        "hasDefaultSlot": [32],
+        "hasResolvedDefaultSlot": [32]
     }, [[4, "reset", "resetListener"]], {
         "error": ["errorWatcher"]
     }]);

package/dist/components/stzh-toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-toggle.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,63XAA63X,CAAC;;ACS35X,IAAI,aAAa,GAAG,CAAC;MAcRA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;;AAU2B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAGzB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;;AAGjB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAGlB,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;;AAGxB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAGzB,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;;AAGd,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;;AAMxD,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAGD,QAAA,IAAa,CAAA,aAAA,GAAqB,OAAO;;AAkBzB,QAAA,IAAe,CAAA,eAAA,GAAW,EAAE;AA2C7D,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAE/B,QAAA,IAAW,CAAA,WAAA,GAAG,YAAW;AAC/B,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc;AACpC,SAAC;AAEO,QAAA,IAAA,CAAA,OAAO,GAAG,CAAC,KAAiB,KAAI;YACtC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO;AACjC,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;AACnB,gBAAA,SAAS,EAAE,aAAa;AACxB,gBAAA,aAAa,EAAE,KAAK;gBACpB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;AACtB,aAAA,CAAC;AACJ,SAAC;AAEO,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACxB,gBAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;;AAGpB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC7B,SAAC;AAEO,QAAA,IAAA,CAAA,OAAO,GAAG,CAAC,KAAiB,KAAI;AACtC,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;AAE1B,YAAA,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE;AACzC,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC;AACtC,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAClB,gBAAA,SAAS,EAAE,aAAa;AACxB,gBAAA,aAAa,EAAE,KAAK;AACrB,aAAA,CAAC;AACJ,SAAC;AAEO,QAAA,IAAA,CAAA,MAAM,GAAG,CAAC,KAAiB,KAAI;AACrC,YAAA,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,MAAM,EAAE;AACvC,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC;AACrC,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,gBAAA,SAAS,EAAE,aAAa;AACxB,gBAAA,aAAa,EAAE,KAAK;AACrB,aAAA,CAAC;AACJ,SAAC;AAyGF;AA5LC,IAAA,aAAa,CAAC,KAAY,EAAA;QACxB,IAAK,KAAK,CAAC,MAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACxD,qBAAqB,CAAC,MAAK;gBACzB,IAAI,CAAC,WAAW,EAAE;AACpB,aAAC,CAAC;;;AAKN,IAAA,YAAY,CAAC,QAA2B,EAAA;AACtC,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,YAAA,IAAI;gBACF,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;;YAClC,OAAO,CAAC,EAAE;gBACV,IAAI,QAAQ,EAAE;AACZ,oBAAA,IAAI,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC;;qBACnB;AACL,oBAAA,IAAI,CAAC,MAAM,GAAG,EAAE;;;;aAGf,IAAI,QAAQ,EAAE;AACnB,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ;;aACjB;AACL,YAAA,IAAI,CAAC,MAAM,GAAG,EAAE;;;AA8DpB,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI,CAAC,OAAO,GAAG,eAAe,aAAa,EAAE,EAAE;QAE/C,IAAI,CAAC,cAAc,GAAG,OAAO,IAAI,CAAC,cAAc,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO;AAEnG,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAE7B,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC;;;IAInG,MAAM,GAAA;;AACJ,QAAA,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW;AAClF,QAAA,MAAM,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe;AAC/F,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,CAAC;AAE3E,QAAA,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,mBAAmB;AAE9E,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,wBAAwB,EAAE,SAAS;YACnC,0BAA0B,EAAE,IAAI,CAAC,QAAQ;AACzC,YAAA,yBAAyB,EAAE,IAAI,CAAC,OAAO,IAAI,SAAS;YACpD,0BAA0B,EAAE,IAAI,CAAC,QAAQ;AACzC,YAAA,8BAA8B,EAAE,eAAe;AAC/C,YAAA,mCAAmC,EAAE,mBAAmB;YACxD,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAAC,aAAa,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa;SACvE;AAED,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAa,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC3G,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACvC,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAC1B,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,KAAK,GAAG,EAAsB,CAAC,EAChD,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACL,kBAAA,EAAA,GAAG,IAAI,CAAC,OAAO,CAAA,aAAA,EAAgB,IAAI,CAAC,eAAe,CAAE,CAAA,EACxD,eAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,cAAA,EACjC,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,EAC7C,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,CAAA,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,CAAO,CAClC,EACL,SAAS,KACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,EAEvC,CAAC,IAAI,CAAC,YAAY,KACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,aAAA,EAAa,MAAM,EACxD,EAAA,IAAI,CAAC;AACJ,cAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;cAC3B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,mBAAmB,CAC7C,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,0BAA0B,EACnC,EAAA,IAAI,CAAC;AACJ,cAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;AAC7B,cAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,iBAAiB,CAC3C,CACF,CACR,CACI,EAEN,mBAAmB,KAClB,CAAA,CAAC,oBAAoB,EAAA,EAAA,GAAA,EAAA,0CAAA,EACnB,WAAW,EAAC,aAAa,EACzB,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,iBAAA,CAAmB,EACtC,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,mBAAmB,EACnE,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,KAAK,EAC1B,CAAA,CACH,CACG,CACP,CACK,EACP,CAAC,SAAS,IAAI,eAAe,MAC5B,EAAC,oBAAoB,EAAA,EAAA,GAAA,EAAA,0CAAA,EACnB,WAAW,EAAC,aAAa,EACzB,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,OAAO,CAAc,YAAA,CAAA,EACjC,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,mBAAmB,EAAE,KAAK,EAAA,CAC1B,CACH,CACG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhToggle","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-toggle/stzh-toggle.scss?tag=stzh-toggle&encapsulation=scoped","src/components/stzh-toggle/stzh-toggle.tsx"],"sourcesContent":[":host {\n --check-size: 24px;\n --track-width: 44px;\n display: inline-block;\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-toggle {\n @include input-description;\n\n &__field-wrapper {\n @include fontSize(\"milli\");\n position: relative;\n display: flex;\n user-select: none;\n cursor: pointer;\n }\n\n &__input {\n @include visuallyhiddenInput;\n border-radius: $formInputBorderRadius;\n }\n\n &__mark {\n position: relative;\n background-color: $colorBlack10op;\n width: var(--track-width);\n height: 16px;\n flex-shrink: 0;\n border-radius: 12px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n transition: background-color $baseTransitionAnimationSpeed;\n margin-top: 4px;\n\n @media (forced-colors: active) {\n outline: 2px solid ButtonBorder;\n outline-offset: -2px;\n }\n }\n\n &__check {\n position: absolute;\n border: 2px solid $baseColor;\n width: var(--check-size);\n height: var(--check-size);\n border-radius: 50%;\n background-color: $colorWhite;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n transition-property: border-color, background-color, transform;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n transition-property: transform;\n border-color: ButtonBorder;\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__label {\n --stzh-base-color: initial;\n\n display: inline-flex;\n align-items: center;\n gap: space(\"xsmall\");\n color: $baseColor;\n transition: color $baseTransitionAnimationSpeed;\n\n &:empty {\n display: none;\n }\n }\n\n &__label-text {\n min-width: 0;\n }\n\n &__label > &__description-wrapper {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: flex-start;\n margin: 0;\n }\n\n &__label &__error,\n &__label &__description-text {\n display: none;\n }\n\n &__label &__description,\n &__label &__description-long {\n display: inline-flex;\n align-items: flex-start;\n margin: 0;\n }\n\n &__label &__description-long-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n line-height: 1;\n }\n\n &__label stzh-popover &__description-long-icon {\n --size: var(--stzh-icon-size-small);\n display: block;\n line-height: 0;\n color: $colorPrimary70;\n }\n\n &__marker {\n @include fontSize(\"micro\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n /* Hover / Focus / Checked /\n\n &__input:checked ~ &__mark {\n background-color: $colorOldPrimary48;\n\n @media (forced-colors: active) {\n background-color: SelectedItem;\n }\n }\n\n &__input:checked ~ &__mark &__check {\n border-color: $colorPrimary;\n background-color: $colorPrimary;\n transform: translateY(-50%)\n translateX(calc(var(--track-width) - var(--check-size)));\n\n @media (forced-colors: active) {\n border-color: ButtonBorder;\n background-color: SelectedItem;\n }\n }\n\n &:hover &__label,\n &__input:checked:hover ~ &__label {\n color: $colorPrimaryHover;\n }\n\n &__input:checked ~ &__label {\n color: $colorPrimary;\n }\n\n &:hover &__mark &__check,\n &__input:focus:hover ~ &__mark &__check,\n &__input:checked:hover ~ &__mark &__check,\n &__input:checked:focus ~ &__mark &__check {\n border-color: $colorPrimaryHover;\n\n @media (forced-colors: active) {\n border-color: Highlight;\n background-color: Highlight;\n }\n }\n\n &:hover &__mark,\n &__input:focus:hover ~ &__mark,\n &__input:checked:hover ~ &__mark,\n &__input:checked:focus ~ &__mark {\n @media (forced-colors: active) {\n outline-color: Highlight;\n }\n }\n\n &__input:checked:hover ~ &__mark &__check,\n &__input:checked:focus ~ &__mark &__check {\n background-color: $colorPrimaryHover;\n\n @media (forced-colors: active) {\n border-color: Highlight;\n background-color: Highlight;\n }\n }\n\n / Label right /\n\n &--has-label-right &__label {\n margin-left: space(\"xsmall\");\n }\n\n / Label left /\n\n &--has-label-left &__field-wrapper {\n flex-direction: row-reverse;\n }\n\n &--has-label-left &__label {\n margin-right: space(\"xsmall\");\n }\n\n / Invalid /\n\n &--is-invalid &__input ~ &__label {\n @media (forced-colors: none) {\n color: $colorError60;\n }\n }\n\n &--is-invalid &__input ~ &__mark &__check {\n @media (forced-colors: none) {\n border-color: $colorError60;\n }\n }\n\n &--is-invalid &__input:checked ~ &__mark {\n @media (forced-colors: none) {\n background-color: $colorBlack10op;\n }\n }\n\n &--is-invalid &__input:checked ~ &__mark &__check {\n @media (forced-colors: none) {\n background-color: $colorError60;\n }\n }\n\n / Disabled /\n &--is-disabled &__field-wrapper {\n cursor: not-allowed;\n }\n\n &--is-disabled &__input ~ &__label {\n color: $formDisabledColor;\n\n @media (forced-colors: active) {\n color: GrayText;\n }\n }\n\n &--is-disabled &__input ~ &__mark {\n @media (forced-colors: active) {\n outline-color: GrayText;\n }\n }\n\n &--is-disabled &__input ~ &__mark &__check {\n border-color: $colorOldGrey13;\n\n @media (forced-colors: active) {\n border-color: GrayText;\n }\n }\n\n &--is-disabled &__input:checked ~ &__mark {\n background-color: $formDisabledBackgroundColor;\n\n @media (forced-colors: active) {\n background-color: SelectedItem;\n }\n }\n\n &--is-disabled &__input:checked ~ &__mark &__check {\n border-color: $colorOldGrey25;\n background-color: $colorOldGrey25;\n\n @media (forced-colors: active) {\n border-color: GrayText;\n background-color: SelectedItem;\n }\n }\n}\n","import { Host, Component, Prop, Event, EventEmitter, Element, h, Watch, Listen } from \"@stencil/core\";\n\nimport { StzhToggleChangeEvent, StzhToggleFocusEvent, StzhToggleBlurEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet toggleCounter = 0;\n\n/\n @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-toggle\",\n styleUrl: \"stzh-toggle.scss\",\n scoped: true,\n})\nexport class StzhToggle {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the toggle is disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Name of the input element /\n @Prop({ reflect: true }) name: string = \"\";\n\n /* Value of the input element /\n @Prop({ mutable: true }) value: string = \"\";\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Checked status /\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n /* Default checked (used by reset) /\n @Prop({ mutable: true }) defaultChecked: boolean;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Position of label /\n @Prop({ reflect: true }) labelPosition: \"right\" \| \"left\" = \"right\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Id for element which describes the input (this will be overwritten if description prop or slot is used) /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n /* Change event /\n @Event() stzhChange: EventEmitter<StzhToggleChangeEvent>;\n\n /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhToggleFocusEvent>;\n\n /* Input blur event */\n @Event() stzhBlur: EventEmitter<StzhToggleBlurEvent>;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Element() element: HTMLStzhRadioElement;\n\n private input: HTMLInputElement;\n private inputId: string;\n private focusedByInput: boolean = false;\n\n private handleReset = async () => {\n this.checked = this.defaultChecked;\n };\n\n private onInput = (event: InputEvent) => {\n this.checked = this.input.checked;\n this.stzhChange.emit({\n component: \"stzh-toggle\",\n originalEvent: event,\n value: this.value,\n checked: this.checked,\n });\n };\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.input.focus();\n }\n\n this.focusedByInput = false;\n };\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-toggle\",\n originalEvent: event,\n });\n };\n\n private onBlur = (event: FocusEvent) => {\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-toggle\",\n originalEvent: event,\n });\n };\n\n async componentWillLoad() {\n this.inputId = `stzh-toggle-${toggleCounter++}`;\n\n this.defaultChecked = typeof this.defaultChecked === \"boolean\" ? this.defaultChecked : this.checked;\n\n this.errorWatcher(this.error);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"toggle\");\n }\n }\n\n render() {\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n const errorUsed = hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n\n const labelUsed = !!this.label \|\| hasSlot(this.element) \|\| descriptionLongUsed;\n\n const classes = {\n \"stzh-toggle\": true,\n \"stzh-toggle--has-error\": errorUsed,\n \"stzh-toggle--is-required\": this.required,\n \"stzh-toggle--is-invalid\": this.invalid \|\| errorUsed,\n \"stzh-toggle--is-disabled\": this.disabled,\n \"stzh-toggle--has-description\": descriptionUsed,\n \"stzh-toggle--has-description-long\": descriptionLongUsed,\n [`stzh-toggle--has-label-${this.labelPosition}`]: !!this.labelPosition,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n <label class=\"stzh-toggle__field-wrapper\">\n <input\n class=\"stzh-toggle__input\"\n ref={el => (this.input = el as HTMLInputElement)}\n type=\"checkbox\"\n id={this.inputId}\n name={this.name}\n value={this.value}\n disabled={this.disabled}\n aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n aria-required={this.required ? \"true\" : \"false\"}\n aria-invalid={this.invalid ? \"true\" : \"false\"}\n checked={this.checked}\n defaultChecked={this.defaultChecked}\n onInput={this.onInput}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n />\n <div class=\"stzh-toggle__mark\">\n <div class=\"stzh-toggle__check\"></div>\n </div>\n {labelUsed && (\n <div class=\"stzh-toggle__label\">\n <span class=\"stzh-toggle__label-text\">\n {this.label ? this.label : <slot></slot>}\n\n {!this.hideOptional && (\n <span class=\"stzh-toggle__marker\">\n <span class=\"stzh-toggle__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-toggle__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </span>\n\n {descriptionLongUsed && (\n <StzhInputDescription\n classPrefix=\"stzh-toggle\"\n id={`${this.inputId}-description-long`}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n showError={false}\n showDescriptionText={false}\n />\n )}\n </div>\n )}\n </label>\n {(errorUsed \|\| descriptionUsed) && (\n <StzhInputDescription\n classPrefix=\"stzh-toggle\"\n id={`${this.inputId}-description`}\n error={this._error}\n description={this.description}\n descriptionLongUsed={false}\n />\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-toggle.js","mappings":"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","names":["StzhToggle","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-toggle/stzh-toggle.scss?tag=stzh-toggle&encapsulation=scoped","src/components/stzh-toggle/stzh-toggle.tsx"],"sourcesContent":[":host {\n --check-size: 24px;\n --track-width: 44px;\n display: inline-block;\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-toggle {\n @include input-description;\n\n &__field-wrapper {\n @include fontSize(\"milli\");\n position: relative;\n display: flex;\n user-select: none;\n cursor: pointer;\n }\n\n &__input {\n @include visuallyhiddenInput;\n border-radius: $formInputBorderRadius;\n }\n\n &__mark {\n position: relative;\n background-color: $colorBlack10op;\n width: var(--track-width);\n height: 16px;\n flex-shrink: 0;\n border-radius: 12px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n transition: background-color $baseTransitionAnimationSpeed;\n margin-top: 4px;\n\n @media (forced-colors: active) {\n outline: 2px solid ButtonBorder;\n outline-offset: -2px;\n }\n }\n\n &__check {\n position: absolute;\n border: 2px solid $baseColor;\n width: var(--check-size);\n height: var(--check-size);\n border-radius: 50%;\n background-color: $colorWhite;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n transition-property: border-color, background-color, transform;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n transition-property: transform;\n border-color: ButtonBorder;\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__label {\n --stzh-base-color: initial;\n\n display: inline-flex;\n align-items: center;\n gap: space(\"xsmall\");\n color: $baseColor;\n transition: color $baseTransitionAnimationSpeed;\n\n &:empty {\n display: none;\n }\n }\n\n &__label-text {\n min-width: 0;\n }\n\n &__label > &__description-wrapper {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: flex-start;\n margin: 0;\n }\n\n &__label &__error,\n &__label &__description-text {\n display: none;\n }\n\n &__label &__description,\n &__label &__description-long {\n display: inline-flex;\n align-items: flex-start;\n margin: 0;\n }\n\n &__label &__description-long-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n line-height: 1;\n }\n\n &__label stzh-popover &__description-long-icon {\n --size: var(--stzh-icon-size-small);\n display: block;\n line-height: 0;\n color: $colorPrimary70;\n }\n\n &__marker {\n @include fontSize(\"micro\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n /* Hover / Focus / Checked /\n\n &__input:checked ~ &__mark {\n background-color: $colorOldPrimary48;\n\n @media (forced-colors: active) {\n background-color: SelectedItem;\n }\n }\n\n &__input:checked ~ &__mark &__check {\n border-color: $colorPrimary;\n background-color: $colorPrimary;\n transform: translateY(-50%)\n translateX(calc(var(--track-width) - var(--check-size)));\n\n @media (forced-colors: active) {\n border-color: ButtonBorder;\n background-color: SelectedItem;\n }\n }\n\n &:hover &__label,\n &__input:checked:hover ~ &__label {\n color: $colorPrimaryHover;\n }\n\n &__input:checked ~ &__label {\n color: $colorPrimary;\n }\n\n &:hover &__mark &__check,\n &__input:focus:hover ~ &__mark &__check,\n &__input:checked:hover ~ &__mark &__check,\n &__input:checked:focus ~ &__mark &__check {\n border-color: $colorPrimaryHover;\n\n @media (forced-colors: active) {\n border-color: Highlight;\n background-color: Highlight;\n }\n }\n\n &:hover &__mark,\n &__input:focus:hover ~ &__mark,\n &__input:checked:hover ~ &__mark,\n &__input:checked:focus ~ &__mark {\n @media (forced-colors: active) {\n outline-color: Highlight;\n }\n }\n\n &__input:checked:hover ~ &__mark &__check,\n &__input:checked:focus ~ &__mark &__check {\n background-color: $colorPrimaryHover;\n\n @media (forced-colors: active) {\n border-color: Highlight;\n background-color: Highlight;\n }\n }\n\n / Label right /\n\n &--has-label-right &__label {\n margin-left: space(\"xsmall\");\n }\n\n / Label left /\n\n &--has-label-left &__field-wrapper {\n flex-direction: row-reverse;\n }\n\n &--has-label-left &__label {\n margin-right: space(\"xsmall\");\n }\n\n / Invalid /\n\n &--is-invalid &__input ~ &__label {\n @media (forced-colors: none) {\n color: $colorError60;\n }\n }\n\n &--is-invalid &__input ~ &__mark &__check {\n @media (forced-colors: none) {\n border-color: $colorError60;\n }\n }\n\n &--is-invalid &__input:checked ~ &__mark {\n @media (forced-colors: none) {\n background-color: $colorBlack10op;\n }\n }\n\n &--is-invalid &__input:checked ~ &__mark &__check {\n @media (forced-colors: none) {\n background-color: $colorError60;\n }\n }\n\n / Disabled /\n &--is-disabled &__field-wrapper {\n cursor: not-allowed;\n }\n\n &--is-disabled &__input ~ &__label {\n color: $formDisabledColor;\n\n @media (forced-colors: active) {\n color: GrayText;\n }\n }\n\n &--is-disabled &__input ~ &__mark {\n @media (forced-colors: active) {\n outline-color: GrayText;\n }\n }\n\n &--is-disabled &__input ~ &__mark &__check {\n border-color: $colorOldGrey13;\n\n @media (forced-colors: active) {\n border-color: GrayText;\n }\n }\n\n &--is-disabled &__input:checked ~ &__mark {\n background-color: $formDisabledBackgroundColor;\n\n @media (forced-colors: active) {\n background-color: SelectedItem;\n }\n }\n\n &--is-disabled &__input:checked ~ &__mark &__check {\n border-color: $colorOldGrey25;\n background-color: $colorOldGrey25;\n\n @media (forced-colors: active) {\n border-color: GrayText;\n background-color: SelectedItem;\n }\n }\n}\n","import { Host, Component, Prop, Event, EventEmitter, Element, h, Watch, Listen, State } from \"@stencil/core\";\n\nimport { StzhToggleChangeEvent, StzhToggleFocusEvent, StzhToggleBlurEvent } from \"../../index\";\n\nimport { hasDefaultSlotContent, hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet toggleCounter = 0;\n\n/\n @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-toggle\",\n styleUrl: \"stzh-toggle.scss\",\n scoped: true,\n})\nexport class StzhToggle {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the toggle is disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Name of the input element /\n @Prop({ reflect: true }) name: string = \"\";\n\n /* Value of the input element /\n @Prop({ mutable: true }) value: string = \"\";\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Checked status /\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n /* Default checked (used by reset) /\n @Prop({ mutable: true }) defaultChecked: boolean;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Position of label /\n @Prop({ reflect: true }) labelPosition: \"right\" \| \"left\" = \"right\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Id for element which describes the input (this will be overwritten if description prop or slot is used) /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n /* Change event /\n @Event() stzhChange: EventEmitter<StzhToggleChangeEvent>;\n\n /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhToggleFocusEvent>;\n\n /* Input blur event /\n @Event() stzhBlur: EventEmitter<StzhToggleBlurEvent>;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n /\n Whether the component has meaningful default-slot content.\n * Becomes obsolete with the implementation of PDESI-1908.\n /\n @State() hasDefaultSlot: boolean = false;\n\n /\n Indicates whether default-slot content detection has run at least once.\n * Used to avoid rendering state-dependent markup before the slot content\n * has been evaluated.\n * Becomes obsolete with the implementation of PDESI-1908.\n /\n @State() hasResolvedDefaultSlot: boolean = false;\n\n @Element() element: HTMLStzhRadioElement;\n\n private input: HTMLInputElement;\n private inputId: string;\n private focusedByInput: boolean = false;\n\n private handleReset = async () => {\n this.checked = this.defaultChecked;\n };\n\n private onInput = (event: InputEvent) => {\n this.checked = this.input.checked;\n this.stzhChange.emit({\n component: \"stzh-toggle\",\n originalEvent: event,\n value: this.value,\n checked: this.checked,\n });\n };\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.input.focus();\n }\n\n this.focusedByInput = false;\n };\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-toggle\",\n originalEvent: event,\n });\n };\n\n private onBlur = (event: FocusEvent) => {\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-toggle\",\n originalEvent: event,\n });\n };\n\n /\n Re-evaluates default-slot content and updates the related render state.\n * Becomes obsolete with implementation of PDESI-1908.\n */\n private updateDefaultSlotState = () => {\n const hasDefaultSlot = hasDefaultSlotContent(this.element, [\"stzh-toggle\"]);\n if (this.hasDefaultSlot !== hasDefaultSlot) {\n this.hasDefaultSlot = hasDefaultSlot;\n }\n if (!this.hasResolvedDefaultSlot) {\n this.hasResolvedDefaultSlot = true;\n }\n };\n\n componentDidLoad() {\n this.updateDefaultSlotState();\n }\n\n async componentWillLoad() {\n this.inputId = `stzh-toggle-${toggleCounter++}`;\n\n this.defaultChecked = typeof this.defaultChecked === \"boolean\" ? this.defaultChecked : this.checked;\n\n this.errorWatcher(this.error);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"toggle\");\n }\n }\n\n render() {\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n const errorUsed = hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n\n const labelUsed = !!this.label \|\| this.hasDefaultSlot;\n const labelWrapperUsed = !this.hasResolvedDefaultSlot \|\| labelUsed \|\| descriptionLongUsed;\n\n const classes = {\n \"stzh-toggle\": true,\n \"stzh-toggle--has-error\": errorUsed,\n \"stzh-toggle--is-required\": this.required,\n \"stzh-toggle--is-invalid\": this.invalid \|\| errorUsed,\n \"stzh-toggle--is-disabled\": this.disabled,\n \"stzh-toggle--has-description\": descriptionUsed,\n \"stzh-toggle--has-description-long\": descriptionLongUsed,\n [`stzh-toggle--has-label-${this.labelPosition}`]: !!this.labelPosition,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n {labelWrapperUsed && (\n <label class=\"stzh-toggle__field-wrapper\">\n <input\n class=\"stzh-toggle__input\"\n ref={el => (this.input = el as HTMLInputElement)}\n type=\"checkbox\"\n id={this.inputId}\n name={this.name}\n value={this.value}\n disabled={this.disabled}\n aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n aria-required={this.required ? \"true\" : \"false\"}\n aria-invalid={this.invalid ? \"true\" : \"false\"}\n checked={this.checked}\n defaultChecked={this.defaultChecked}\n onInput={this.onInput}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n />\n <div class=\"stzh-toggle__mark\">\n <div class=\"stzh-toggle__check\"></div>\n </div>\n\n <div class=\"stzh-toggle__label\">\n <span class=\"stzh-toggle__label-text\">\n {this.label ? this.label : <slot onSlotchange={this.updateDefaultSlotState}></slot>}\n\n {labelUsed && !this.hideOptional && (\n <span class=\"stzh-toggle__marker\">\n <span class=\"stzh-toggle__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-toggle__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </span>\n\n {descriptionLongUsed && (\n <StzhInputDescription\n classPrefix=\"stzh-toggle\"\n id={`${this.inputId}-description-long`}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n showError={false}\n showDescriptionText={false}\n />\n )}\n </div>\n </label>\n )}\n {(errorUsed \|\| descriptionUsed) && (\n <StzhInputDescription\n classPrefix=\"stzh-toggle\"\n id={`${this.inputId}-description`}\n error={this._error}\n description={this.description}\n descriptionLongUsed={false}\n />\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}