npm - @oiz/stzh-components - Versions diffs - 2.7.0 → 2.8.0-beta - Mend

@oiz/stzh-components 2.7.0 → 2.8.0-beta

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 (773) hide show

package/dist/stzh-components/p-ca6d7215.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as s,a as h,g as e}from"./p-9e02896c.js";import{f as c}from"./p-25a09313.js";const i='@charset "UTF-8";.sc-stzh-richtext-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-richtext-h{display:none}.sc-stzh-richtext-h .sc-stzh-richtext,.sc-stzh-richtext-h .sc-stzh-richtext::before,.sc-stzh-richtext-h .sc-stzh-richtext::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-richtext-h{--color:var(--stzh-base-color);--richtext-blockquote-color:var(--stzh-richtext-blockquote-color);--richtext-blockquote-line-color:var(--stzh-richtext-blockquote-line-color);--richtext-blockquote-footer-color:var(--stzh-richtext-blockquote-footer-color);color:var(--color)}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);margin:0}.sc-stzh-richtext-h .sc-stzh-richtext-s b,.sc-stzh-richtext-h .sc-stzh-richtext-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s i,.sc-stzh-richtext-h .sc-stzh-richtext-s em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3{color:var(--stzh-heading-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s>,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s 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: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s>,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s 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)}}.sc-stzh-richtext-h .sc-stzh-richtext-s 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){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s 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))}}.sc-stzh-richtext-h .sc-stzh-richtext-s 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){.sc-stzh-richtext-h .sc-stzh-richtext-s 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: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s 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: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s 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))}}.sc-stzh-richtext-h .sc-stzh-richtext-s 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){.sc-stzh-richtext-h .sc-stzh-richtext-s 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: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s 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: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-xsmall);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"],.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"],.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"],.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ul ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ul dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ul stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ol dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ol stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ul,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl dl,.sc-stzh-richtext-h .sc-stzh-richtext-s dl stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ul,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ol,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list stzh-list{margin-top:0;margin-bottom:0}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xbig)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl{list-style:none;padding-left:0;overflow:hidden}.sc-stzh-richtext-h .sc-stzh-richtext-s ol{counter-reset:li-counter}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{display:inline-block;position:absolute;left:0;top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before{content:"–"}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{content:counter(li-counter) ". "}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;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);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-xxlarge);color:var(--richtext-blockquote-color);position:relative;overflow:hidden}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s 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: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s 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)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-top:0;margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before,.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{display:inline-block}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before{content:"«"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{content:"»"}.sc-stzh-richtext-h .sc-stzh-richtext-s 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));color:var(--richtext-blockquote-footer-color)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s 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)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s table{--min-width:none;--cell-padding:var(--stzh-table-cell-padding);width:100%;border-spacing:0;min-width:var(--min-width)}.sc-stzh-richtext-h .sc-stzh-richtext-s thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.sc-stzh-richtext-h .sc-stzh-richtext-s tr:hover td,.sc-stzh-richtext-h .sc-stzh-richtext-s tr:hover th{background-color:var(--stzh-color-grey5)}.sc-stzh-richtext-h .sc-stzh-richtext-s td,.sc-stzh-richtext-h .sc-stzh-richtext-s 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;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a,.sc-stzh-richtext-h .sc-stzh-richtext-s th a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s td a:focus,.sc-stzh-richtext-h .sc-stzh-richtext-s th a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s th a:focus{color:var(--stzh-link-hover-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s td b,.sc-stzh-richtext-h .sc-stzh-richtext-s td strong,.sc-stzh-richtext-h .sc-stzh-richtext-s th b,.sc-stzh-richtext-h .sc-stzh-richtext-s th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s td i,.sc-stzh-richtext-h .sc-stzh-richtext-s td em,.sc-stzh-richtext-h .sc-stzh-richtext-s th i,.sc-stzh-richtext-h .sc-stzh-richtext-s th em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-left{text-align:left}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-right{text-align:right}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-center,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-center{text-align:center}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-auto,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-auto{vertical-align:auto}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-middle,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-middle{vertical-align:middle}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-bottom,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-bottom{vertical-align:bottom}.sc-stzh-richtext-h .sc-stzh-richtext-s td.nowrap,.sc-stzh-richtext-h .sc-stzh-richtext-s th.nowrap{white-space:nowrap}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked{z-index:2}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left{left:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));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;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-right::after{opacity:1}.sc-stzh-richtext-h .sc-stzh-richtext-s th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sortable{padding:0}.sc-stzh-richtext-h .sc-stzh-richtext-s a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-richtext-h .sc-stzh-richtext-s a:hover{color:var(--stzh-link-hover-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-link{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-vhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size-default);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon{--icon:var(--stzh-icon-size-default);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size-default);height:var(--stzh-icon-size-default)}.sc-stzh-richtext-h[remove-first-margin]:not([remove-first-margin=false]) .sc-stzh-richtext-s>:first-child{margin-top:0 !important}.sc-stzh-richtext-h[remove-last-margin]:not([remove-last-margin=false]) .sc-stzh-richtext-s>:last-child{margin-bottom:0 !important}';const r="stzh-richtext__external-link";const a="stzh-richtext__external-icon-wrapper";const z="stzh-richtext__external-icon";const n="stzh-richtext__external-vhidden";const x=class{constructor(s){t(this,s);this.localization=undefined;this.removeFirstMargin=true;this.removeLastMargin=true;this.externalLinkSelector='a[rel="external"], a.external, a.extern';this.externalLinkIcon="external-link"}addExternalLinkIcons(){this.externalLinks.forEach((t=>{t.classList.add(r);const s=document.createElement("span");s.classList.add(n);s.innerText=this.localization.$globals.externalLinkLabel;const h=document.createElement("span");h.classList.add(a);const e=document.createElement("stzh-icon");e.classList.add(z);e.name=this.externalLinkIcon;h.appendChild(e);t.prepend(s);t.appendChild(h)}))}async componentWillLoad(){if(!this.localization){this.localization=await c(this.element,"richtext")}}componentDidRender(){this.externalLinks=Array.from(this.element.querySelectorAll(this.externalLinkSelector));this.addExternalLinkIcons()}render(){const t={"stzh-richtext":true};return s(h,null,s("div",{class:t},s("slot",null)))}get element(){return e(this)}};x.style=i;const o=".sc-stzh-status-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-status-h{display:none}.sc-stzh-status-h .sc-stzh-status,.sc-stzh-status-h .sc-stzh-status::before,.sc-stzh-status-h .sc-stzh-status::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-status-h{--color:var(--stzh-base-color);--min-width:none}[with-loadingbar].sc-stzh-status-h:not([with-loadingbar=false]){--min-width:10rem}[type=success].sc-stzh-status-h{--color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-status-h{--color:var(--stzh-color-warning)}[type=error].sc-stzh-status-h{--color:var(--stzh-color-error)}[type=info].sc-stzh-status-h{--color:var(--stzh-color-zueriblue)}.stzh-status.sc-stzh-status{min-width:var(--min-width);color:var(--color)}.stzh-status__dot.sc-stzh-status{border-radius:50%;width:0.75rem;height:0.75rem;background-color:currentColor;margin-right:var(--stzh-space-xxsmall)}.stzh-status__bar.sc-stzh-status{display:block;height:0.25rem;border-radius:0.75rem;background-color:var(--stzh-color-grey13);margin-top:var(--stzh-space-xxsmall)}.stzh-status__bar-inner.sc-stzh-status{display:block;height:100%;width:0;border-radius:0.75rem;background:currentColor}.stzh-status__text.sc-stzh-status{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";const l=class{constructor(s){t(this,s);this.percent=0;this.withLoadingbar=false;this.label="";this.type="default"}render(){const t={"stzh-status":true,[`stzh-status--type-${this.type}`]:!!this.type};return s(h,null,s("div",{class:t},s("div",{class:"stzh-status__text"},s("div",{class:"stzh-status__dot"}),this.label&&s("div",{class:"stzh-status__label"},this.label)),this.withLoadingbar&&s("div",{class:"stzh-status__bar"},s("div",{class:"stzh-status__bar-inner",style:{width:`${this.percent}%`}}))))}get element(){return e(this)}};l.style=o;export{x as stzh_richtext,l as stzh_status};
2	+ //# sourceMappingURL=p-ca6d7215.entry.js.map

package/dist/stzh-components/p-ca6d7215.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhRichtextCss","CLASS_EXTERNAL_LINK","CLASS_EXTERNAL_ICON_WRAPPER","CLASS_EXTERNAL_ICON","CLASS_EXTERNAL_VHIDDEN","StzhRichtext","addExternalLinkIcons","this","externalLinks","forEach","externalLink","classList","add","screenreaderText","document","createElement","innerText","localization","$globals","externalLinkLabel","iconWrapper","icon","name","externalLinkIcon","appendChild","prepend","async","fetchTranslations","element","componentDidRender","Array","from","querySelectorAll","externalLinkSelector","render","classes","h","Host","class","stzhStatusCss","StzhStatus","type","label","withLoadingbar","style","width","percent"],"sources":["./src/components/stzh-richtext/stzh-richtext.scss?tag=stzh-richtext&encapsulation=scoped","./src/components/stzh-richtext/stzh-richtext.tsx","./src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","./src/components/stzh-status/stzh-status.tsx"],"sourcesContent":[":host {\n @include richtext-host;\n\n ::slotted(*) {\n @include richtext-slotted;\n }\n\n &[remove-first-margin]:not([remove-first-margin=\"false\"]) ::slotted(*:first-child) {\n margin-top: 0 !important;\n }\n\n &[remove-last-margin]:not([remove-last-margin=\"false\"]) ::slotted(*:last-child) {\n margin-bottom: 0 !important;\n }\n}\n\n.stzh-richtext {\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Element\n} from \"@stencil/core\";\n\nconst CLASS_EXTERNAL_LINK = 'stzh-richtext__external-link';\nconst CLASS_EXTERNAL_ICON_WRAPPER = 'stzh-richtext__external-icon-wrapper';\nconst CLASS_EXTERNAL_ICON = 'stzh-richtext__external-icon';\nconst CLASS_EXTERNAL_VHIDDEN = 'stzh-richtext__external-vhidden';\n\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\n/**\n * @slot - Text content that should be styled\n */\n@Component({\n tag: \"stzh-richtext\",\n styleUrl: \"stzh-richtext.scss\",\n scoped: true\n})\nexport class StzhRichtext {\n /** Translation strings */\n @Prop() localization: StzhLocaleComponent;\n\n /** Whether first top margin of first child should be set to 0. */\n @Prop({ reflect: true }) removeFirstMargin: boolean = true;\n\n /** Whether last bottom margin of last child should be set to 0. */\n @Prop({ reflect: true }) removeLastMargin: boolean = true;\n\n /** Selector to recognize external link and attach an icon */\n @Prop() externalLinkSelector: string = 'a[rel*=\"external\"], a.external, a.extern';\n\n /** Icon used for marking external links */\n @Prop() externalLinkIcon: string = 'external-link';\n\n @Element() element: HTMLStzhRichtextElement;\n\n private externalLinks: HTMLElement[];\n\n private addExternalLinkIcons() {\n this.externalLinks.forEach(externalLink => {\n externalLink.classList.add(CLASS_EXTERNAL_LINK);\n\n const screenreaderText = document.createElement('span');\n screenreaderText.classList.add(CLASS_EXTERNAL_VHIDDEN);\n screenreaderText.innerText = this.localization.$globals.externalLinkLabel;\n\n const iconWrapper = document.createElement('span');\n iconWrapper.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);\n\n const icon = document.createElement('stzh-icon');\n icon.classList.add(CLASS_EXTERNAL_ICON);\n icon.name = this.externalLinkIcon;\n iconWrapper.appendChild(icon);\n\n externalLink.prepend(screenreaderText);\n externalLink.appendChild(iconWrapper);\n });\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await fetchTranslations(this.element, \"richtext\");\n }\n }\n\n componentDidRender() {\n this.externalLinks = Array.from(this.element.querySelectorAll(this.externalLinkSelector));\n this.addExternalLinkIcons();\n }\n\n render() {\n const classes = {\n \"stzh-richtext\": true\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n",":host {\n --color: #{$baseColor};\n --min-width: none;\n\n &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n --min-width: 160px;\n }\n\n &[type=\"success\"] {\n --color: #{$colorTruegreen};\n }\n\n &[type=\"warning\"] {\n --color: #{$colorWarning};\n }\n\n &[type=\"error\"] {\n --color: #{$colorError};\n }\n\n &[type=\"info\"] {\n --color: #{$colorZueriblue};\n }\n}\n\n.stzh-status {\n min-width: var(--min-width);\n color: var(--color);\n\n &__dot {\n border-radius: 50%;\n width: 12px;\n height: 12px;\n background-color: currentColor;\n margin-right: space('xxsmall');\n }\n\n &__bar {\n display: block;\n height: 4px;\n border-radius: 12px;\n background-color: $colorGrey13;\n margin-top: space('xxsmall');\n }\n\n &__bar-inner {\n display: block;\n height: 100%;\n width: 0;\n border-radius: 12px;\n background: currentColor;\n }\n\n &__text {\n @include fontSize('micro');\n display: flex;\n align-items: center;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n} from \"@stencil/core\";\n\n/**\n */\n@Component({\n tag: \"stzh-status\",\n styleUrl: \"stzh-status.scss\",\n scoped: true\n})\nexport class StzhStatus {\n /** Percent */\n @Prop() percent: number = 0;\n\n /** Whether to hide/show loadingbar */\n @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n /** Label */\n @Prop() label: string = \"\";\n\n /** Type */\n @Prop({ reflect: true }) type: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n @Element() element: HTMLStzhStatusElement;\n\n render() {\n const classes = {\n \"stzh-status\": true,\n [`stzh-status--type-${this.type}`]: !!this.type\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-status__text\">\n <div class=\"stzh-status__dot\"></div>\n {this.label &&\n <div class=\"stzh-status__label\">\n {this.label}\n </div>\n }\n </div>\n {this.withLoadingbar &&\n <div class=\"stzh-status__bar\">\n <div class=\"stzh-status__bar-inner\" style={{\n width: `${this.percent}%`\n }}></div>\n </div>\n }\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,m16BCQxB,MAAMC,EAAsB,+BAC5B,MAAMC,EAA8B,uCACpC,MAAMC,EAAsB,+BAC5B,MAAMC,EAAyB,kC,MAYlBC,EAAY,M,4EAK+B,K,sBAGD,K,0BAGd,2C,sBAGJ,e,CAM3BC,uBACNC,KAAKC,cAAcC,SAAQC,IACzBA,EAAaC,UAAUC,IAAIX,GAE3B,MAAMY,EAAmBC,SAASC,cAAc,QAChDF,EAAiBF,UAAUC,IAAIR,GAC/BS,EAAiBG,UAAYT,KAAKU,aAAaC,SAASC,kBAExD,MAAMC,EAAcN,SAASC,cAAc,QAC3CK,EAAYT,UAAUC,IAAIV,GAE1B,MAAMmB,EAAOP,SAASC,cAAc,aACpCM,EAAKV,UAAUC,IAAIT,GACnBkB,EAAKC,KAAOf,KAAKgB,iBACjBH,EAAYI,YAAYH,GAExBX,EAAae,QAAQZ,GACrBH,EAAac,YAAYJ,EAAY,G,CAIzCM,0BACE,IAAKnB,KAAKU,aAAc,CACtBV,KAAKU,mBAAqBU,EAAkBpB,KAAKqB,QAAS,W,EAI9DC,qBACEtB,KAAKC,cAAgBsB,MAAMC,KAAKxB,KAAKqB,QAAQI,iBAAiBzB,KAAK0B,uBACnE1B,KAAKD,sB,CAGP4B,SACE,MAAMC,EAAU,CACd,gBAAiB,MAGnB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,0CCnFV,MAAMG,EAAgB,gpD,MCeTC,EAAU,M,sCAEK,E,oBAGyB,M,WAG3B,G,UAG8D,S,CAItFN,SACE,MAAMC,EAAU,CACd,cAAe,KACf,CAAC,qBAAqB5B,KAAKkC,UAAWlC,KAAKkC,MAG7C,OACEL,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,qBACV/B,KAAKmC,OACJN,EAAA,OAAKE,MAAM,sBACR/B,KAAKmC,QAIXnC,KAAKoC,gBACJP,EAAA,OAAKE,MAAM,oBACTF,EAAA,OAAKE,MAAM,yBAAyBM,MAAO,CACzCC,MAAO,GAAGtC,KAAKuC,gB"}

package/dist/stzh-components/p-d6ffd97e.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as s,c as t,h as e,a as i,g as c}from"./p-9e02896c.js";import{S as h}from"./p-ea61b128.js";import{f as r}from"./p-25a09313.js";const l=".sc-stzh-chip-select-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-chip-select-h{display:none}.sc-stzh-chip-select-h .sc-stzh-chip-select,.sc-stzh-chip-select-h .sc-stzh-chip-select::before,.sc-stzh-chip-select-h *.sc-stzh-chip-select::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-chip-select__marker-symbol.sc-stzh-chip-select{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-chip-select__marker-text.sc-stzh-chip-select{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select__description.sc-stzh-chip-select{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-chip-select__error.sc-stzh-chip-select{color:var(--stzh-color-error)}.stzh-chip-select__error-list.sc-stzh-chip-select{list-style:none;margin:0;padding:0}.stzh-chip-select__description.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-chip-select__description-long.sc-stzh-chip-select{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-chip-select__description-long-popover.sc-stzh-chip-select{--width:auto;--max-width:27.3125rem}.stzh-chip-select__description-long-popover[open].sc-stzh-chip-select:not([open=false]) .stzh-chip-select__description-long-button.sc-stzh-chip-select{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select__description-long-button.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-chip-select__description-long-button.sc-stzh-chip-select:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select.sc-stzh-chip-select stzh-icon.stzh-chip-select__description-long-icon.sc-stzh-chip-select{--size:var(--stzh-icon-size-xsmall)}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xxsmall)}.stzh-chip-select__chips.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-small) / -2) calc(var(--stzh-space-xsmall) / -2);border-radius:var(--stzh-button-border-radius)}@media screen and (max-width: 1023px){.stzh-chip-select__chips.sc-stzh-chip-select{display:none}}.stzh-chip-select__chip.sc-stzh-chip-select{margin:calc(var(--stzh-space-small) / 2) calc(var(--stzh-space-xsmall) / 2)}.stzh-chip-select__chip.is-focused.sc-stzh-chip-select,.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media screen and (min-width: 1024px){.stzh-chip-select__dropdown.sc-stzh-chip-select{display:none}}@media screen and (max-width: 1023px){.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:none}}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xsmall)}";let o=0;const a=class{constructor(e){s(this,e);this.stzhChange=t(this,"stzhChange",7);this._data=[];this._dataDropdown=[];this.handleChipClick=(s,t)=>{this.value=s.value;this.activeFocusOptionIndex=t;this.stzhChange.emit({component:"stzh-chip-select",value:this.value})};this.handleDropdownChange=s=>{this.value=s.detail.value;this.activeFocusOptionIndex=this._data.findIndex((s=>s.value===this.value));this.stzhChange.emit({component:"stzh-chip-select",value:this.value})};this.handleKeydown=s=>{let t=null;const e=this.activeFocusOptionIndex;if(s.key==="ArrowUp"\|\|s.key==="ArrowLeft"){s.preventDefault();if(e>0){t=e-1}}else if(s.key==="ArrowDown"\|\|s.key==="ArrowRight"){s.preventDefault();if(e<this._data.length-1){t=e+1}}else if(s.key===" "\|\|s.key==="Enter"){s.preventDefault();this.value=this._data[e].value;this.stzhChange.emit({component:"stzh-chip-select",value:this.value})}if(t!==null){this.activeFocusOptionIndex=t}};this.localization=undefined;this.data=[];this.name=undefined;this.label="";this.value="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.disabled=false;this.a11yDescribedby="";this.activeFocusOptionIndex=0}dataWatcher(s){if(typeof s==="string"){this._data=JSON.parse(s)}else{this._data=s}this._dataDropdown=this._data.map((s=>({text:`${s.label} (${s.counter})`,value:s.value})))}errorWatcher(s){if(typeof s==="string"){try{this._error=JSON.parse(s)}catch(t){if(s){this._error=[s]}else{this._error=[]}}}else if(s){this._error=s}else{this._error=[]}this.invalid=this._error.length>0}async componentWillLoad(){this.id=`stzh-chip-select-${o++}`;this.dataWatcher(this.data);this.errorWatcher(this.error);if(!this.localization){this.localization=await r(this.element,"chip-select")}}render(){const s=!!this.description;const t=!!this.descriptionLong;const c=!!this.error;const r={"stzh-chip-select":true,"stzh-chip-select--has-description":s,"stzh-chip-select--has-description-long":t,"stzh-chip-select--has-error":c,"stzh-chip-select--is-invalid":this.invalid,"stzh-chip-select--is-disabled":this.disabled,"stzh-chip-select--is-required":this.required};return e(i,null,e("div",{class:r},e("input",{type:"hidden",name:this.name,value:this.value}),e("div",{class:"stzh-chip-select__chips",role:"listbox",tabindex:"0","aria-multiselectable":"false","aria-activedescendant":`${this.id}-option-${this.activeFocusOptionIndex}`,"aria-describedby":`${this.id}-description ${this.a11yDescribedby}`,onKeyDown:this.handleKeydown},this._data.map(((s,t)=>e("stzh-chip",{role:"option",class:{"stzh-chip-select__chip":true,"is-focused":this.activeFocusOptionIndex===t},label:s.label,counter:s.counter,icon:s.icon,type:s.type,variant:s.variant,size:s.size,disabled:this.disabled\|\|s.disabled,active:this.value===s.value,"aria-selected":this.value===s.value?"true":"false",id:`${this.id}-option-${t}`,a11yTabindex:"-1",onClick:()=>this.handleChipClick(s,t)})))),e(h,{classPrefix:"stzh-chip-select",id:`${this.id}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:t,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}),e("stzh-dropdown",{class:"stzh-chip-select__dropdown",disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,required:this.required,invalid:this.invalid,items:[this.value],label:this.label,options:this._dataDropdown,onStzhChange:this.handleDropdownChange})))}get element(){return c(this)}static get watchers(){return{data:["dataWatcher"],error:["errorWatcher"]}}};a.style=l;export{a as stzh_chip_select};
2	+ //# sourceMappingURL=p-d6ffd97e.entry.js.map

package/dist/stzh-components/p-d6ffd97e.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhChipSelectCss","chipSelectCounter","StzhChipSelect","this","_data","_dataDropdown","handleChipClick","data","index","value","activeFocusOptionIndex","stzhChange","emit","component","handleDropdownChange","event","detail","findIndex","handleKeydown","newActiveIndex","activeOptionIndex","key","preventDefault","length","dataWatcher","newValue","JSON","parse","map","text","label","counter","errorWatcher","_error","e","invalid","async","id","error","localization","fetchTranslations","element","render","descriptionUsed","description","descriptionLongUsed","descriptionLong","errorUsed","classes","disabled","required","h","Host","class","type","name","role","tabindex","a11yDescribedby","onKeyDown","icon","variant","size","active","a11yTabindex","onClick","StzhInputDescription","classPrefix","moreInfoButtonLabel","$globals","items","options","onStzhChange"],"sources":["./src/components/stzh-chip-select/stzh-chip-select.scss?tag=stzh-chip-select&encapsulation=scoped","./src/components/stzh-chip-select/stzh-chip-select.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-chip-select {\n\t@include input-description;\n\n &__chips {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n margin: calc(#{space('small')} / -2) calc(#{space('xsmall')} / -2);\n border-radius: $buttonBorderRadius;\n\n @include mq($to: medium) {\n display: none;\n }\n }\n\n &__chip {\n margin: calc(#{space('small')} / 2) calc(#{space('xsmall')} / 2);\n\n &.is-focused,\n &.is-focused[active]:not([active=false]) {\n --border-color: #{$colorPrimaryHover};\n }\n\n &.is-focused[active]:not([active=false]) {\n --background-color: #{$colorPrimaryHover};\n }\n }\n\n &__dropdown {\n @include mq($from: medium) {\n display: none;\n }\n }\n\n &__description-wrapper {\n @include mq($to: medium) {\n display: none;\n }\n }\n\n &--has-error &__error,\n &--has-description &__description {\n margin-top: space('xsmall');\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Watch,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n\nimport {\n StzhChipSelectItem,\n StzhChipSelectChangeEvent,\n StzhDropdownChangeEvent\n} from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\n// import { hasSlot } from \"../../utils/utils\";\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nlet chipSelectCounter = 0;\n\n/**\n */\n@Component({\n tag: \"stzh-chip-select\",\n styleUrl: \"stzh-chip-select.scss\",\n scoped: true\n})\nexport class StzhChipSelect {\n /** Translation strings */\n @Prop() localization: StzhLocaleComponent;\n\n /** The list of chips */\n @Prop() data: string | StzhChipSelectItem[] = [];\n private _data: StzhChipSelectItem[] = [];\n private _dataDropdown: any[] = [];\n\n /** The name of the input element */\n @Prop({ reflect: true }) name: string;\n\n /** Label */\n @Prop() label: string = \"\";\n\n /** Value */\n @Prop() value: string = \"\";\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 /** One or multiple error message (use error slot as alternative) */\n @Prop() error: string | string[];\n private _error: 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 /** Whether all chips are disabled or not */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n @State() activeFocusOptionIndex: number = 0;\n\n @Element() element: HTMLStzhChipSelectElement;\n\n /** Change event */\n @Event() stzhChange: EventEmitter<StzhChipSelectChangeEvent>;\n\n @Watch(\"data\")\n dataWatcher(newValue: StzhChipSelectItem[] | string) {\n if (typeof newValue === \"string\") {\n this._data = JSON.parse(newValue);\n } else {\n this._data = newValue;\n }\n\n this._dataDropdown = this._data.map((data) => {\n return {\n text: `${data.label} (${data.counter})`,\n value: data.value\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 this.invalid = this._error.length > 0;\n }\n\n private id: string;\n\n private handleChipClick = (data: StzhChipSelectItem, index: number) => {\n this.value = data.value;\n this.activeFocusOptionIndex = index;\n\n this.stzhChange.emit({\n component: \"stzh-chip-select\",\n value: this.value\n })\n }\n\n private handleDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n this.value = event.detail.value;\n this.activeFocusOptionIndex = this._data.findIndex(data => {\n return data.value === this.value;\n });\n\n this.stzhChange.emit({\n component: \"stzh-chip-select\",\n value: this.value\n })\n }\n\n private handleKeydown = (event: KeyboardEvent) => {\n let newActiveIndex: number = null;\n const activeOptionIndex = this.activeFocusOptionIndex;\n\n if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n event.preventDefault();\n\n if (activeOptionIndex > 0) {\n newActiveIndex = activeOptionIndex - 1;\n }\n } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n event.preventDefault();\n\n if (activeOptionIndex < this._data.length - 1) {\n newActiveIndex = activeOptionIndex + 1;\n }\n } else if (event.key === \" \" || event.key === \"Enter\") {\n event.preventDefault();\n this.value = this._data[activeOptionIndex].value;\n\n this.stzhChange.emit({\n component: \"stzh-chip-select\",\n value: this.value\n });\n }\n\n if (newActiveIndex !== null) {\n this.activeFocusOptionIndex = newActiveIndex;\n }\n }\n\n async componentWillLoad() {\n this.id = `stzh-chip-select-${chipSelectCounter++}`;\n\n this.dataWatcher(this.data);\n this.errorWatcher(this.error);\n\n if (!this.localization) {\n this.localization = await fetchTranslations(this.element, \"chip-select\");\n }\n }\n\n render() {\n const descriptionUsed = !!this.description;\n const descriptionLongUsed = !!this.descriptionLong;\n const errorUsed = !!this.error;\n\n const classes = {\n \"stzh-chip-select\": true,\n \"stzh-chip-select--has-description\": descriptionUsed,\n \"stzh-chip-select--has-description-long\": descriptionLongUsed,\n \"stzh-chip-select--has-error\": errorUsed,\n \"stzh-chip-select--is-invalid\": this.invalid,\n \"stzh-chip-select--is-disabled\": this.disabled,\n \"stzh-chip-select--is-required\": this.required\n };\n\n return (\n <Host>\n <div class={classes}>\n <input type=\"hidden\" name={this.name} value={this.value} />\n\n <div\n class=\"stzh-chip-select__chips\"\n role=\"listbox\"\n tabindex=\"0\"\n aria-multiselectable=\"false\"\n aria-activedescendant={`${this.id}-option-${this.activeFocusOptionIndex}`}\n aria-describedby={`${this.id}-description ${this.a11yDescribedby}`}\n onKeyDown={this.handleKeydown}\n >\n {this._data.map((data, index) => (\n <stzh-chip\n role=\"option\"\n class={{\n \"stzh-chip-select__chip\": true,\n \"is-focused\": this.activeFocusOptionIndex === index\n }}\n label={data.label}\n counter={data.counter}\n icon={data.icon}\n type={data.type}\n variant={data.variant}\n size={data.size}\n disabled={this.disabled || data.disabled}\n active={this.value === data.value}\n aria-selected={this.value === data.value ? \"true\" : \"false\"}\n id={`${this.id}-option-${index}`}\n a11yTabindex=\"-1\"\n onClick={() => this.handleChipClick(data, index)}\n ></stzh-chip>\n ))}\n </div>\n\n <StzhInputDescription\n classPrefix=\"stzh-chip-select\"\n id={`${this.id}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n\n <stzh-dropdown\n class=\"stzh-chip-select__dropdown\"\n disabled={this.disabled}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n required={this.required}\n invalid={this.invalid}\n items={[this.value]}\n label={this.label}\n options={this._dataDropdown}\n onStzhChange={this.handleDropdownChange}\n ></stzh-dropdown>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"wIAAA,MAAMA,EAAoB,4zICuB1B,IAAIC,EAAoB,E,MASXC,EAAc,M,gEAMjBC,KAAAC,MAA8B,GAC9BD,KAAAE,cAAuB,GA+EvBF,KAAAG,gBAAkB,CAACC,EAA0BC,KACnDL,KAAKM,MAAQF,EAAKE,MAClBN,KAAKO,uBAAyBF,EAE9BL,KAAKQ,WAAWC,KAAK,CACnBC,UAAW,mBACXJ,MAAON,KAAKM,OACZ,EAGIN,KAAAW,qBAAwBC,IAC9BZ,KAAKM,MAAQM,EAAMC,OAAOP,MAC1BN,KAAKO,uBAAyBP,KAAKC,MAAMa,WAAUV,GAC1CA,EAAKE,QAAUN,KAAKM,QAG7BN,KAAKQ,WAAWC,KAAK,CACnBC,UAAW,mBACXJ,MAAON,KAAKM,OACZ,EAGIN,KAAAe,cAAiBH,IACvB,IAAII,EAAyB,KAC7B,MAAMC,EAAoBjB,KAAKO,uBAE/B,GAAIK,EAAMM,MAAQ,WAAaN,EAAMM,MAAQ,YAAa,CACxDN,EAAMO,iBAEN,GAAIF,EAAoB,EAAG,CACzBD,EAAiBC,EAAoB,C,OAElC,GAAIL,EAAMM,MAAQ,aAAeN,EAAMM,MAAQ,aAAc,CAClEN,EAAMO,iBAEN,GAAIF,EAAoBjB,KAAKC,MAAMmB,OAAS,EAAG,CAC7CJ,EAAiBC,EAAoB,C,OAElC,GAAIL,EAAMM,MAAQ,KAAON,EAAMM,MAAQ,QAAS,CACrDN,EAAMO,iBACNnB,KAAKM,MAAQN,KAAKC,MAAMgB,GAAmBX,MAE3CN,KAAKQ,WAAWC,KAAK,CACnBC,UAAW,mBACXJ,MAAON,KAAKM,O,CAIhB,GAAIU,IAAmB,KAAM,CAC3BhB,KAAKO,uBAAyBS,C,yCAlIY,G,+BAQtB,G,WAGA,G,4FAaoB,M,cAGC,M,cAGA,M,qBAGsB,G,4BAEzB,C,CAQ1CK,YAAYC,GACV,UAAWA,IAAa,SAAU,CAChCtB,KAAKC,MAAQsB,KAAKC,MAAMF,E,KACnB,CACLtB,KAAKC,MAAQqB,C,CAGftB,KAAKE,cAAgBF,KAAKC,MAAMwB,KAAKrB,IAC5B,CACLsB,KAAM,GAAGtB,EAAKuB,UAAUvB,EAAKwB,WAC7BtB,MAAOF,EAAKE,S,CAMlBuB,aAAaP,GACX,UAAWA,IAAa,SAAU,CAChC,IACEtB,KAAK8B,OAASP,KAAKC,MAAMF,E,CACzB,MAAOS,GACP,GAAIT,EAAU,CACZtB,KAAK8B,OAAS,CAACR,E,KACV,CACLtB,KAAK8B,OAAS,E,QAGb,GAAIR,EAAU,CACnBtB,KAAK8B,OAASR,C,KACT,CACLtB,KAAK8B,OAAS,E,CAGhB9B,KAAKgC,QAAUhC,KAAK8B,OAAOV,OAAS,C,CA0DtCa,0BACEjC,KAAKkC,GAAK,oBAAoBpC,MAE9BE,KAAKqB,YAAYrB,KAAKI,MACtBJ,KAAK6B,aAAa7B,KAAKmC,OAEvB,IAAKnC,KAAKoC,aAAc,CACtBpC,KAAKoC,mBAAqBC,EAAkBrC,KAAKsC,QAAS,c,EAI9DC,SACE,MAAMC,IAAoBxC,KAAKyC,YAC/B,MAAMC,IAAwB1C,KAAK2C,gBACnC,MAAMC,IAAc5C,KAAKmC,MAEzB,MAAMU,EAAU,CACd,mBAAoB,KACpB,oCAAqCL,EACrC,yCAA0CE,EAC1C,8BAA+BE,EAC/B,+BAAgC5C,KAAKgC,QACrC,gCAAiChC,KAAK8C,SACtC,gCAAiC9C,KAAK+C,UAGxC,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOL,GACVG,EAAA,SAAOG,KAAK,SAASC,KAAMpD,KAAKoD,KAAM9C,MAAON,KAAKM,QAElD0C,EAAA,OACEE,MAAM,0BACNG,KAAK,UACLC,SAAS,IAAG,uBACS,QAAO,wBACL,GAAGtD,KAAKkC,aAAalC,KAAKO,yBAAwB,mBACvD,GAAGP,KAAKkC,kBAAkBlC,KAAKuD,kBACjDC,UAAWxD,KAAKe,eAEff,KAAKC,MAAMwB,KAAI,CAACrB,EAAMC,IACrB2C,EAAA,aACEK,KAAK,SACLH,MAAO,CACL,yBAA0B,KAC1B,aAAclD,KAAKO,yBAA2BF,GAEhDsB,MAAOvB,EAAKuB,MACZC,QAASxB,EAAKwB,QACd6B,KAAMrD,EAAKqD,KACXN,KAAM/C,EAAK+C,KACXO,QAAStD,EAAKsD,QACdC,KAAMvD,EAAKuD,KACXb,SAAU9C,KAAK8C,UAAY1C,EAAK0C,SAChCc,OAAQ5D,KAAKM,QAAUF,EAAKE,MAAK,gBAClBN,KAAKM,QAAUF,EAAKE,MAAQ,OAAS,QACpD4B,GAAI,GAAGlC,KAAKkC,aAAa7B,IACzBwD,aAAa,KACbC,QAAS,IAAM9D,KAAKG,gBAAgBC,EAAMC,QAKhD2C,EAACe,EAAoB,CACnBC,YAAY,mBACZ9B,GAAI,GAAGlC,KAAKkC,iBACZC,MAAOnC,KAAK8B,OACZW,YAAazC,KAAKyC,YAClBE,gBAAiB3C,KAAK2C,gBACtBD,oBAAqBA,EACrBuB,oBAAqBjE,KAAKoC,aAAa8B,SAASD,sBAGlDjB,EAAA,iBACEE,MAAM,6BACNJ,SAAU9C,KAAK8C,SACfX,MAAOnC,KAAK8B,OACZW,YAAazC,KAAKyC,YAClBE,gBAAiB3C,KAAK2C,gBACtBI,SAAU/C,KAAK+C,SACff,QAAShC,KAAKgC,QACdmC,MAAO,CAACnE,KAAKM,OACbqB,MAAO3B,KAAK2B,MACZyC,QAASpE,KAAKE,cACdmE,aAAcrE,KAAKW,wB"}

package/dist/stzh-components/{p-fefcd0e6.entry.js → p-d7a7560a.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as s,F as a,a as i,g as e}from"./p-9e02896c.js";import{h as c}from"./p-5c697491.js";const n=".sc-stzh-contact-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:5.5rem;height:5.5rem;top:0;left:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xlarge);margin-bottom:0}}@media screen and (min-width: 800px) and (min-width: 1024px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:12.25rem;height:12.25rem}}.stzh-contact.sc-stzh-contact{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: 1024px){.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 800px){.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{-ms-flex-direction:row;flex-direction:row}}.stzh-contact__wrapper.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-contact__image.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-large)}}.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-large)}}.stzh-contact__number-link.sc-stzh-contact{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-contact__number-link.sc-stzh-contact:hover,.stzh-contact__number-link.sc-stzh-contact:focus{color:var(--stzh-link-hover-color)}.stzh-contact__info.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 800px){.stzh-contact__info.sc-stzh-contact{-ms-flex-preferred-size:45%;flex-basis:45%}}.stzh-contact__availability-title.sc-stzh-contact{margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__availability.sc-stzh-contact{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xlarge);margin-top:0;-ms-flex-preferred-size:55%;flex-basis:55%}}@media screen and (min-width: 800px) and (min-width: 1024px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxxlarge)}}.stzh-contact--has-border.sc-stzh-contact{padding-bottom:var(--stzh-space-xlarge);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";function o(t){return t.replace(/\s/g,"")}const h=class{constructor(s){t(this,s);this._numbers=[];this._availability=[];this.availabilityDataItems=[];this.type="Organization";this.heading=undefined;this.mainHeading=undefined;this.name=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.poBoxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.availability=undefined;this.withBorder=false}availabilityWatcher(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}if(this._availability){this.availabilityDataItems=this._availability.map((t=>({value:t.hours.join(" | "),label:t.weekday})))}}numbersWatcher(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}}async componentWillLoad(){this.numbersWatcher(this.numbers);this.availabilityWatcher(this.availability)}render(){const t=c(this.element,"image");const e={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-border":this.withBorder};return s(i,null,s("div",{class:e,itemscope:true,itemtype:`http://schema.org/${this.type}`},s("div",{class:"stzh-contact__image"},s("slot",{name:"image"})),s("div",{class:"stzh-contact__wrapper"},this.mainHeading&&s("stzh-heading",{level:"3",class:"stzh-contact__main-heading",itemprop:this.type==="Organization"&&!this.heading||this.type==="Person"&&!this.name?"name":null,innerHTML:this.mainHeading}),s("div",{class:"stzh-contact__inner-wrapper"},s("div",{class:"stzh-contact__info"},this.heading&&s("stzh-heading",{level:"4",class:"stzh-contact__heading",itemprop:this.type==="Organization"||!this.name?"name":null,innerHTML:this.heading}),this.name&&s("div",{class:"stzh-contact__name",itemprop:this.type==="Person"?"name":null},this.name),(this.street||this.postalCode||this.location)&&s("div",{class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress"},this.street&&s("div",{class:"stzh-contact__street",itemprop:"streetAddress"},this.street,this.streetInfo&&s(a,null,s("br",null)," ",this.streetInfo)),this.postalCode&&s("span",{class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&s("span",{class:"stzh-contact__locality",itemprop:"addressLocality"},this.location)),this._numbers.map((t=>s("div",{class:"stzh-contact__number"},s("span",null,t.label," "),s("span",{itemprop:t.type==="fax"?"faxNumber":"telephone"},s("a",{class:"stzh-contact__number-link",href:`${t.type}:${o(t.number)}`,"s-object-id":t.analyticsId||`${t.label} ${t.number}`},t.number))))),(this.poBoxHeading||this.poboxTitle||this.poboxPostalCode||this.poboxLocation)&&s("div",{class:"stzh-contact__pobox"},s("div",{class:"stzh-contact__pobox-heading"},this.poBoxHeading),s("div",{class:"stzh-contact__pobox-title"},this.poboxTitle),s("span",{class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),s("span",{class:"stzh-contact__pobox-locality"},this.poboxLocation))),this.availability&&s("div",{class:"stzh-contact__availability"},this.availabilityTitle&&s("stzh-heading",{level:"4",class:"stzh-contact__availability-title"},this.availabilityTitle),s("stzh-datalist",{hideBorder:true,directionSmall:"vertical",items:this.availabilityDataItems}))))))}get element(){return e(this)}static get watchers(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"]}}};h.style=n;export{h as stzh_contact};
-//# sourceMappingURL=p-fefcd0e6.entry.js.map
+import{r as t,h as s,F as a,a as i,g as e}from"./p-9e02896c.js";import{h as c}from"./p-fc339100.js";const n=".sc-stzh-contact-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:5.5rem;height:5.5rem;top:0;left:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xlarge);margin-bottom:0}}@media screen and (min-width: 800px) and (min-width: 1024px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:12.25rem;height:12.25rem}}.stzh-contact.sc-stzh-contact{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: 1024px){.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 800px){.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{-ms-flex-direction:row;flex-direction:row}}.stzh-contact__wrapper.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-contact__image.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-large)}}.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-large)}}.stzh-contact__number-link.sc-stzh-contact{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-contact__number-link.sc-stzh-contact:hover,.stzh-contact__number-link.sc-stzh-contact:focus{color:var(--stzh-link-hover-color)}.stzh-contact__info.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 800px){.stzh-contact__info.sc-stzh-contact{-ms-flex-preferred-size:45%;flex-basis:45%}}.stzh-contact__availability-title.sc-stzh-contact{margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__availability.sc-stzh-contact{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xlarge);margin-top:0;-ms-flex-preferred-size:55%;flex-basis:55%}}@media screen and (min-width: 800px) and (min-width: 1024px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxxlarge)}}.stzh-contact--has-border.sc-stzh-contact{padding-bottom:var(--stzh-space-xlarge);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";function o(t){return t.replace(/\s/g,"")}const h=class{constructor(s){t(this,s);this._numbers=[];this._availability=[];this.availabilityDataItems=[];this.type="Organization";this.heading=undefined;this.mainHeading=undefined;this.name=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.poBoxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.availability=undefined;this.withBorder=false}availabilityWatcher(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}if(this._availability){this.availabilityDataItems=this._availability.map((t=>({value:t.hours.join(" | "),label:t.weekday})))}}numbersWatcher(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}}async componentWillLoad(){this.numbersWatcher(this.numbers);this.availabilityWatcher(this.availability)}render(){const t=c(this.element,"image");const e={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-border":this.withBorder};return s(i,null,s("div",{class:e,itemscope:true,itemtype:`http://schema.org/${this.type}`},s("div",{class:"stzh-contact__image"},s("slot",{name:"image"})),s("div",{class:"stzh-contact__wrapper"},this.mainHeading&&s("stzh-heading",{level:"3",class:"stzh-contact__main-heading",itemprop:this.type==="Organization"&&!this.heading||this.type==="Person"&&!this.name?"name":null,innerHTML:this.mainHeading}),s("div",{class:"stzh-contact__inner-wrapper"},s("div",{class:"stzh-contact__info"},this.heading&&s("stzh-heading",{level:"4",class:"stzh-contact__heading",itemprop:this.type==="Organization"||!this.name?"name":null,innerHTML:this.heading}),this.name&&s("div",{class:"stzh-contact__name",itemprop:this.type==="Person"?"name":null},this.name),(this.street||this.postalCode||this.location)&&s("div",{class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress"},this.street&&s("div",{class:"stzh-contact__street",itemprop:"streetAddress"},this.street,this.streetInfo&&s(a,null,s("br",null)," ",this.streetInfo)),this.postalCode&&s("span",{class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&s("span",{class:"stzh-contact__locality",itemprop:"addressLocality"},this.location)),this._numbers.map((t=>s("div",{class:"stzh-contact__number"},s("span",null,t.label," "),s("span",{itemprop:t.type==="fax"?"faxNumber":"telephone"},s("a",{class:"stzh-contact__number-link",href:`${t.type}:${o(t.number)}`,"s-object-id":t.analyticsId||`${t.label} ${t.number}`},t.number))))),(this.poBoxHeading||this.poboxTitle||this.poboxPostalCode||this.poboxLocation)&&s("div",{class:"stzh-contact__pobox"},s("div",{class:"stzh-contact__pobox-heading"},this.poBoxHeading),s("div",{class:"stzh-contact__pobox-title"},this.poboxTitle),s("span",{class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),s("span",{class:"stzh-contact__pobox-locality"},this.poboxLocation))),this.availability&&s("div",{class:"stzh-contact__availability"},this.availabilityTitle&&s("stzh-heading",{level:"4",class:"stzh-contact__availability-title"},this.availabilityTitle),s("stzh-datalist",{hideBorder:true,directionSmall:"vertical",items:this.availabilityDataItems}))))))}get element(){return e(this)}static get watchers(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"]}}};h.style=n;export{h as stzh_contact};
+//# sourceMappingURL=p-d7a7560a.entry.js.map

package/dist/stzh-components/{p-87b4549c.system.entry.js → p-dad99bd2.system.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-System.register(["./p-7b184ebb.system.js","./p-d4b7a303.system.js"],(function(t){"use strict";var e,i,a,s,l;return{setters:[function(t){e=t.r;i=t.h;a=t.a;s=t.g},function(t){l=t.h}],execute:function(){var n='@charset "UTF-8";:host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}@media screen and (min-width: 600px){:host{--col-left-width:50%}}@media screen and (min-width: 1260px){:host{--col-left-width:45%}}@media screen and (min-width: 1260px){:host([size=small]){--col-left-width:33%}}@media screen and (min-width: 1260px){:host([size=large]){--col-left-width:55%}}@media screen and (min-width: 600px){:host([floating]:not([floating=false])){--col-left-width:45%}}@media screen and (min-width: 600px){:host([size=small][floating]:not([floating=false])){--col-left-width:33%}}@media screen and (min-width: 600px){:host([size=large][floating]:not([floating=false])){--col-left-width:55%}}:host ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted([slot=left]){margin-bottom:0}}:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxxlarge)}}:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){float:left;width:100%}@media screen and (min-width: 600px){:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){width:calc(var(--col-left-width) - var(--stzh-space-large) / 2);margin-right:var(--stzh-space-large)}}.stzh-textandimage{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin:0 calc(var(--stzh-space-large) / -2);}.stzh-textandimage__left,.stzh-textandimage__right{width:auto;padding:0 calc(var(--stzh-space-large) / 2)}@media screen and (min-width: 600px){.stzh-textandimage__left{width:var(--col-left-width)}}@media screen and (min-width: 600px){.stzh-textandimage__right{width:calc(100% - var(--col-left-width))}}.stzh-textandimage--is-fullwidth .stzh-textandimage__left,.stzh-textandimage--is-fullwidth .stzh-textandimage__right{width:100%}.stzh-textandimage--is-floating .stzh-textandimage__left{width:auto}';var o=t("stzh_textandimage",function(){function t(t){e(this,t);this.floating=false;this.fullwidth=false;this.size="default"}t.prototype.render=function(){var t;var e=l(this.element,"left");var s=l(this.element,"right");var n=(t={"stzh-textandimage":true,"stzh-textandimage--has-left":e,"stzh-textandimage--has-right":s,"stzh-textandimage--is-fullwidth":this.fullwidth,"stzh-textandimage--is-floating":this.floating},t["stzh-textandimage--size-".concat(this.size)]=!!this.size,t);return i(a,null,i("div",{class:n},i("div",{class:"stzh-textandimage__left"},i("slot",{name:"left"}),this.floating&&i("slot",{name:"right"})),!this.floating&&i("div",{class:"stzh-textandimage__right"},i("slot",{name:"right"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());o.style=n}}}));
-//# sourceMappingURL=p-87b4549c.system.entry.js.map
+System.register(["./p-7b184ebb.system.js","./p-22a2f4c1.system.js"],(function(t){"use strict";var e,i,a,s,l;return{setters:[function(t){e=t.r;i=t.h;a=t.a;s=t.g},function(t){l=t.h}],execute:function(){var n='@charset "UTF-8";:host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}@media screen and (min-width: 600px){:host{--col-left-width:50%}}@media screen and (min-width: 1260px){:host{--col-left-width:45%}}@media screen and (min-width: 1260px){:host([size=small]){--col-left-width:33%}}@media screen and (min-width: 1260px){:host([size=large]){--col-left-width:55%}}@media screen and (min-width: 600px){:host([floating]:not([floating=false])){--col-left-width:45%}}@media screen and (min-width: 600px){:host([size=small][floating]:not([floating=false])){--col-left-width:33%}}@media screen and (min-width: 600px){:host([size=large][floating]:not([floating=false])){--col-left-width:55%}}:host ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted([slot=left]){margin-bottom:0}}:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxxlarge)}}:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){float:left;width:100%}@media screen and (min-width: 600px){:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){width:calc(var(--col-left-width) - var(--stzh-space-large) / 2);margin-right:var(--stzh-space-large)}}.stzh-textandimage{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin:0 calc(var(--stzh-space-large) / -2);}.stzh-textandimage__left,.stzh-textandimage__right{width:auto;padding:0 calc(var(--stzh-space-large) / 2)}@media screen and (min-width: 600px){.stzh-textandimage__left{width:var(--col-left-width)}}@media screen and (min-width: 600px){.stzh-textandimage__right{width:calc(100% - var(--col-left-width))}}.stzh-textandimage--is-fullwidth .stzh-textandimage__left,.stzh-textandimage--is-fullwidth .stzh-textandimage__right{width:100%}.stzh-textandimage--is-floating .stzh-textandimage__left{width:auto}';var o=t("stzh_textandimage",function(){function t(t){e(this,t);this.floating=false;this.fullwidth=false;this.size="default"}t.prototype.render=function(){var t;var e=l(this.element,"left");var s=l(this.element,"right");var n=(t={"stzh-textandimage":true,"stzh-textandimage--has-left":e,"stzh-textandimage--has-right":s,"stzh-textandimage--is-fullwidth":this.fullwidth,"stzh-textandimage--is-floating":this.floating},t["stzh-textandimage--size-".concat(this.size)]=!!this.size,t);return i(a,null,i("div",{class:n},i("div",{class:"stzh-textandimage__left"},i("slot",{name:"left"}),this.floating&&i("slot",{name:"right"})),!this.floating&&i("div",{class:"stzh-textandimage__right"},i("slot",{name:"right"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());o.style=n}}}));
+//# sourceMappingURL=p-dad99bd2.system.entry.js.map

package/dist/stzh-components/p-daf17eae.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as e,a as s,g as a}from"./p-9e02896c.js";import{s as i,h as r}from"./p-fc339100.js";const h=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-table{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--input-width:var(--stzh-table-input-width)}stzh-table[hidden]{display:none}stzh-table ,stzh-table ::before,stzh-table ::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-table[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-table{}.stzh-table__header{border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-bottom:var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-table__header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-table__header{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-table__header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-table__sub-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.stzh-table__heading{margin-bottom:var(--stzh-space-small)}.stzh-table__header .stzh-table__search{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-table__header .stzh-table__search{width:var(--stzh-table-input-width);-ms-flex-positive:0;flex-grow:0}}.stzh-table__action-button{-ms-flex-negative:0;flex-shrink:0}.stzh-table__action-button:not(:empty){margin-left:var(--stzh-space-medium)}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));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;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__pagination-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-table stzh-icon.stzh-table__sort-icon{display:none}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width)}.stzh-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-table tr:hover td,.stzh-table tr:hover th{background-color:var(--stzh-color-grey5)}.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;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);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);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-table td a:hover,.stzh-table td a:focus,.stzh-table th a:hover,.stzh-table th a:focus{color:var(--stzh-link-hover-color)}.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:normal}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.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.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.nowrap,.stzh-table th.nowrap{white-space:nowrap}.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:-webkit-sticky;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:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));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;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);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;-webkit-transform:rotate(-180deg) translate(100%);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:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-table th.is-sortable{padding:0}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{display:-ms-inline-flexbox;display:inline-flex}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.stzh-table.has-list .stzh-table__outer-wrapper{display:none}@media screen and (min-width: 600px){.stzh-table.has-list .stzh-table__outer-wrapper{display:block}}@media screen and (min-width: 600px){.stzh-table.has-list .stzh-table__list-wrapper{display:none}}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}';const o="has-sticked";const l="is-sticky-left";const n="is-sticky-right";const b=class{constructor(e){t(this,e);this.updateCellClasses=()=>{if(!this.tableWrapper){return}const t=Array.from(this.tableWrapper.querySelectorAll("tr"));t.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{t.classList.remove(l);t.classList.remove(n);if(e===this.fixedLeft){t.classList.add(l)}if(e===this.fixedRight){t.classList.add(n)}}))}))};this.updateScrollStates=()=>{if(!this.tableWrapper){return}const t=this.tableWrapper.scrollLeft;const e=this.tableWrapper.scrollWidth;const s=this.tableWrapper.clientWidth;this.isScrollable=e>s;this.hasScrollLeft=t>0;this.hasScrollRight=t<e-s;const a=Array.from(this.tableWrapper.querySelectorAll("tr"));const i=a[0];if(!i){return}this.cellsStickyLeft=[];this.cellsStickyRight=[];const r=Array.from(i.children);r.forEach(((e,a)=>{const i=e.offsetLeft;const r=i+e.offsetWidth;if(this.hasScrollLeft&&a===this.fixedLeft&&Math.ceil(t)>=i){this.cellsStickyLeft.push(a)}if(this.hasScrollRight&&a===this.fixedRight&&Math.ceil(t)+s<=r){this.cellsStickyRight.push(a)}}));a.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{if(this.cellsStickyLeft.indexOf(e)>-1\|\|this.cellsStickyRight.indexOf(e)>-1){t.classList.add(o)}else{t.classList.remove(o)}}))}))};this.init=()=>{const t=this.element.querySelector('stzh-input[slot="search"], [slot="search"] stzh-input');if(t){i(t,{size:"small"})}this.updateCellClasses();this.updateScrollStates()};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateScrollStates)};this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateScrollStates)};this.fixedLeft=null;this.fixedRight=null;this.disableMinWidth=false;this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[]}fixedCellWatcher(){this.updateCellClasses();this.updateScrollStates()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){const t=r(this.element,"list");const a={"stzh-table":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0,"has-list":t};return e(s,null,e("div",{class:a},e("div",{class:"stzh-table__header"},e("div",{class:"stzh-table__heading"},e("slot",{name:"heading"})),e("div",{class:"stzh-table__sub-header"},e("div",{class:"stzh-table__search"},e("slot",{name:"search"})),e("div",{class:"stzh-table__action-button"},e("slot",{name:"action-button"})))),e("div",{class:"stzh-table__outer-wrapper"},e("div",{ref:t=>this.tableWrapper=t,class:"stzh-table__wrapper",onScroll:this.handleScroll},e("slot",null))),e("div",{class:"stzh-table__list-wrapper"},e("slot",{name:"list"})),e("div",{class:"stzh-table__pagination-wrapper"},e("slot",{name:"pagination"}))))}get element(){return a(this)}static get watchers(){return{fixedLeft:["fixedCellWatcher"],fixedRight:["fixedCellWatcher"]}}};b.style=h;export{b as stzh_table};
2	+ //# sourceMappingURL=p-daf17eae.entry.js.map

package/dist/stzh-components/p-daf17eae.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhTableCss","CLASS_HAS_STICKED","CLASS_IS_STICKY_LEFT","CLASS_IS_STICKY_RIGHT","StzhTable","this","updateCellClasses","tableWrapper","rows","Array","from","querySelectorAll","forEach","row","cells","children","cell","index","classList","remove","fixedLeft","add","fixedRight","updateScrollStates","wrapperScrollLeft","scrollLeft","wrapperScrollWidth","scrollWidth","wrapperClientWidth","clientWidth","isScrollable","hasScrollLeft","hasScrollRight","firstRow","cellsStickyLeft","cellsStickyRight","offsetLeft","offsetRight","offsetWidth","Math","ceil","push","indexOf","init","searchInput","element","querySelector","setPropsIfNull","size","handleResize","debounceResize","window","cancelAnimationFrame","requestAnimationFrame","handleScroll","debounceScroll","fixedCellWatcher","connectedCallback","observer","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnectedCallback","disconnect","render","hasList","hasSlot","classes","length","h","Host","class","name","ref","el","onScroll"],"sources":["./src/components/stzh-table/stzh-table.scss?tag=stzh-table","./src/components/stzh-table/stzh-table.tsx"],"sourcesContent":["stzh-table {\n @include host;\n @include table-host();\n}\n\n.stzh-table {\n @include table(\"table\");\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Watch\n} from \"@stencil/core\";\n\nimport { setPropsIfNull, hasSlot } from \"../../utils/utils\";\n\nconst CLASS_HAS_STICKED = \"has-sticked\";\nconst CLASS_IS_STICKY_LEFT = \"is-sticky-left\";\nconst CLASS_IS_STICKY_RIGHT = \"is-sticky-right\";\n\n/**\n * @slot - Slot for table element\n * @slot heading - Slot for `stzh-heading`\n * @slot search - Slot for search `stzh-input` element\n * @slot action-button - Slot for action `stzh-button` element\n * @slot list - Slot for list element showing on mobile\n * @slot pagination - Slot for action `stzh-pagination` element\n *\n * @prop --max-height: Maximum height of table\n * @prop --min-width: Minium width of table\n * @prop --cell-padding: Cells padding\n */\n@Component({\n tag: \"stzh-table\",\n styleUrl: \"stzh-table.scss\"\n})\nexport class StzhTable {\n /** Columns that should be sticky on the left side (column indexes separated by comma) */\n @Prop() fixedLeft: number = null;\n\n /** Columns that should be sticky on the right side (column indexes separated by comma) */\n @Prop() fixedRight: number = null;\n\n /**\n * Whether to disable min-width of the table.\n *\n * If `false`, the default `min-width` is `700px`\n * If `true`, the `min-width` is `none`, so the table will try to squeeze down content as much as possible.\n *\n * You can also overwrite the min-width via CSS with the custom property `--min-width`.\n */\n @Prop({ reflect: true }) disableMinWidth: boolean = false;\n\n @State() hasScrollLeft: boolean = false;\n @State() hasScrollRight: boolean = false;\n @State() isScrollable: boolean = false;\n @State() cellsStickyLeft: number[] = [];\n @State() cellsStickyRight: number[] = [];\n\n @Element() element: HTMLStzhTableElement;\n\n @Watch(\"fixedLeft\")\n @Watch(\"fixedRight\")\n fixedCellWatcher() {\n this.updateCellClasses();\n this.updateScrollStates();\n }\n\n private tableWrapper: HTMLDivElement;\n private observer: MutationObserver;\n private debounceScroll: number;\n\n private debounceResize: number;\n private resizeObserver: ResizeObserver;\n\n private updateCellClasses = () => {\n if (!this.tableWrapper) {\n return;\n }\n\n const rows: HTMLTableRowElement[] = Array.from(this.tableWrapper.querySelectorAll(\"tr\"));\n rows.forEach((row: HTMLTableRowElement) => {\n const cells = Array.from(row.children);\n cells.forEach((cell: HTMLTableCellElement, index) => {\n cell.classList.remove(CLASS_IS_STICKY_LEFT);\n cell.classList.remove(CLASS_IS_STICKY_RIGHT);\n\n if (index === this.fixedLeft) {\n cell.classList.add(CLASS_IS_STICKY_LEFT);\n }\n\n if (index === this.fixedRight) {\n cell.classList.add(CLASS_IS_STICKY_RIGHT);\n }\n });\n });\n }\n\n private updateScrollStates = () => {\n if (!this.tableWrapper) {\n return;\n }\n\n const wrapperScrollLeft = this.tableWrapper.scrollLeft;\n const wrapperScrollWidth = this.tableWrapper.scrollWidth;\n const wrapperClientWidth = this.tableWrapper.clientWidth;\n\n this.isScrollable = wrapperScrollWidth > wrapperClientWidth;\n this.hasScrollLeft = wrapperScrollLeft > 0;\n this.hasScrollRight = wrapperScrollLeft < wrapperScrollWidth - wrapperClientWidth;\n\n const rows: HTMLTableRowElement[] = Array.from(this.tableWrapper.querySelectorAll(\"tr\"));\n const firstRow = rows[0];\n\n if (!firstRow) {\n return;\n }\n\n this.cellsStickyLeft = [];\n this.cellsStickyRight = [];\n const cells: Element[] = Array.from(firstRow.children);\n\n cells.forEach((cell: HTMLTableCellElement, index: number) => {\n const offsetLeft = cell.offsetLeft;\n const offsetRight = offsetLeft + cell.offsetWidth;\n\n if (\n this.hasScrollLeft\n && index === this.fixedLeft\n && Math.ceil(wrapperScrollLeft) >= offsetLeft\n ) {\n this.cellsStickyLeft.push(index);\n }\n\n if (\n this.hasScrollRight\n && index === this.fixedRight\n && Math.ceil(wrapperScrollLeft) + wrapperClientWidth <= offsetRight\n ) {\n this.cellsStickyRight.push(index);\n }\n });\n\n rows.forEach((row: HTMLTableRowElement) => {\n const cells = Array.from(row.children);\n cells.forEach((cell: HTMLTableCellElement, index: number) => {\n if (\n this.cellsStickyLeft.indexOf(index) > -1\n || this.cellsStickyRight.indexOf(index) > -1\n ) {\n cell.classList.add(CLASS_HAS_STICKED);\n } else {\n cell.classList.remove(CLASS_HAS_STICKED);\n }\n });\n });\n }\n\n private init = () => {\n const searchInput = this.element.querySelector(\n 'stzh-input[slot=\"search\"], [slot=\"search\"] stzh-input'\n );\n\n if (searchInput) {\n setPropsIfNull(searchInput, {\n size: \"small\"\n } as HTMLStzhInputElement)\n }\n\n this.updateCellClasses();\n this.updateScrollStates();\n }\n\n handleResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateScrollStates);\n }\n\n private handleScroll = () => {\n if (this.debounceScroll) {\n window.cancelAnimationFrame(this.debounceScroll);\n }\n\n this.debounceScroll = requestAnimationFrame(this.updateScrollStates);\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true\n });\n\n this.resizeObserver = new ResizeObserver(this.handleResize);\n this.resizeObserver.observe(this.element);\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n }\n\n render() {\n const hasList = hasSlot(this.element, \"list\");\n\n const classes = {\n \"stzh-table\": true,\n \"is-scrollable\": this.isScrollable,\n \"has-scroll-left\": this.hasScrollLeft,\n \"has-scroll-right\": this.hasScrollRight,\n \"has-scroll-left-shadow\": this.hasScrollLeft && this.cellsStickyLeft.length === 0,\n \"has-scroll-right-shadow\": this.hasScrollRight && this.cellsStickyRight.length === 0,\n \"has-list\": hasList,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-table__header\">\n <div class=\"stzh-table__heading\">\n <slot name=\"heading\"></slot>\n </div>\n <div class=\"stzh-table__sub-header\">\n <div class=\"stzh-table__search\">\n <slot name=\"search\"></slot>\n </div>\n <div class=\"stzh-table__action-button\">\n <slot name=\"action-button\"></slot>\n </div>\n </div>\n </div>\n <div class=\"stzh-table__outer-wrapper\">\n <div\n ref={(el) => (this.tableWrapper = el as HTMLDivElement)}\n class=\"stzh-table__wrapper\"\n onScroll={this.handleScroll}\n >\n <slot></slot>\n </div>\n </div>\n <div class=\"stzh-table__list-wrapper\">\n <slot name=\"list\"></slot>\n </div>\n <div class=\"stzh-table__pagination-wrapper\">\n <slot name=\"pagination\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAe,s/PCYrB,MAAMC,EAAoB,cAC1B,MAAMC,EAAuB,iBAC7B,MAAMC,EAAwB,kB,MAkBjBC,EAAS,M,yBAuCZC,KAAAC,kBAAoB,KAC1B,IAAKD,KAAKE,aAAc,CACtB,M,CAGF,MAAMC,EAA8BC,MAAMC,KAAKL,KAAKE,aAAaI,iBAAiB,OAClFH,EAAKI,SAASC,IACZ,MAAMC,EAAQL,MAAMC,KAAKG,EAAIE,UAC7BD,EAAMF,SAAQ,CAACI,EAA4BC,KACzCD,EAAKE,UAAUC,OAAOjB,GACtBc,EAAKE,UAAUC,OAAOhB,GAEtB,GAAIc,IAAUZ,KAAKe,UAAW,CAC5BJ,EAAKE,UAAUG,IAAInB,E,CAGrB,GAAIe,IAAUZ,KAAKiB,WAAY,CAC7BN,EAAKE,UAAUG,IAAIlB,E,IAErB,GACF,EAGIE,KAAAkB,mBAAqB,KAC3B,IAAKlB,KAAKE,aAAc,CACtB,M,CAGF,MAAMiB,EAAoBnB,KAAKE,aAAakB,WAC5C,MAAMC,EAAqBrB,KAAKE,aAAaoB,YAC7C,MAAMC,EAAqBvB,KAAKE,aAAasB,YAE7CxB,KAAKyB,aAAeJ,EAAqBE,EACzCvB,KAAK0B,cAAgBP,EAAoB,EACzCnB,KAAK2B,eAAiBR,EAAoBE,EAAqBE,EAE/D,MAAMpB,EAA8BC,MAAMC,KAAKL,KAAKE,aAAaI,iBAAiB,OAClF,MAAMsB,EAAWzB,EAAK,GAEtB,IAAKyB,EAAU,CACb,M,CAGF5B,KAAK6B,gBAAkB,GACvB7B,KAAK8B,iBAAmB,GACxB,MAAMrB,EAAmBL,MAAMC,KAAKuB,EAASlB,UAE7CD,EAAMF,SAAQ,CAACI,EAA4BC,KACzC,MAAMmB,EAAapB,EAAKoB,WACxB,MAAMC,EAAcD,EAAapB,EAAKsB,YAEtC,GACEjC,KAAK0B,eACFd,IAAUZ,KAAKe,WACfmB,KAAKC,KAAKhB,IAAsBY,EACnC,CACA/B,KAAK6B,gBAAgBO,KAAKxB,E,CAG5B,GACEZ,KAAK2B,gBACFf,IAAUZ,KAAKiB,YACfiB,KAAKC,KAAKhB,GAAqBI,GAAsBS,EACxD,CACAhC,KAAK8B,iBAAiBM,KAAKxB,E,KAI/BT,EAAKI,SAASC,IACZ,MAAMC,EAAQL,MAAMC,KAAKG,EAAIE,UAC7BD,EAAMF,SAAQ,CAACI,EAA4BC,KACzC,GACEZ,KAAK6B,gBAAgBQ,QAAQzB,IAAU,GACpCZ,KAAK8B,iBAAiBO,QAAQzB,IAAU,EAC3C,CACAD,EAAKE,UAAUG,IAAIpB,E,KACd,CACLe,EAAKE,UAAUC,OAAOlB,E,IAExB,GACF,EAGII,KAAAsC,KAAO,KACb,MAAMC,EAAcvC,KAAKwC,QAAQC,cAC/B,yDAGF,GAAIF,EAAa,CACfG,EAAeH,EAAa,CAC1BI,KAAM,S,CAIV3C,KAAKC,oBACLD,KAAKkB,oBAAoB,EAG3BlB,KAAA4C,aAAe,KACb,GAAI5C,KAAK6C,eAAgB,CACvBC,OAAOC,qBAAqB/C,KAAK6C,e,CAGnC7C,KAAK6C,eAAiBG,sBAAsBhD,KAAKkB,mBAAmB,EAG9DlB,KAAAiD,aAAe,KACrB,GAAIjD,KAAKkD,eAAgB,CACvBJ,OAAOC,qBAAqB/C,KAAKkD,e,CAGnClD,KAAKkD,eAAiBF,sBAAsBhD,KAAKkB,mBAAmB,E,eApJ1C,K,gBAGC,K,qBAUuB,M,mBAElB,M,oBACC,M,kBACF,M,qBACI,G,sBACC,E,CAMtCiC,mBACEnD,KAAKC,oBACLD,KAAKkB,oB,CA4HPkC,oBACEpD,KAAKsC,OAELtC,KAAKqD,SAAW,IAAIC,iBAAiBtD,KAAKsC,MAC1CtC,KAAKqD,SAASE,QAAQvD,KAAKwC,QAAS,CAClCgB,UAAW,KACXC,QAAS,OAGXzD,KAAK0D,eAAiB,IAAIC,eAAe3D,KAAK4C,cAC9C5C,KAAK0D,eAAeH,QAAQvD,KAAKwC,Q,CAGnCoB,uBACE,GAAI5D,KAAKqD,SAAU,CACjBrD,KAAKqD,SAASQ,Y,CAGhB,GAAI7D,KAAK0D,eAAgB,CACvB1D,KAAK0D,eAAeG,Y,EAIxBC,SACE,MAAMC,EAAUC,EAAQhE,KAAKwC,QAAS,QAEtC,MAAMyB,EAAU,CACd,aAAc,KACd,gBAAiBjE,KAAKyB,aACtB,kBAAmBzB,KAAK0B,cACxB,mBAAoB1B,KAAK2B,eACzB,yBAA0B3B,KAAK0B,eAAiB1B,KAAK6B,gBAAgBqC,SAAW,EAChF,0BAA2BlE,KAAK2B,gBAAkB3B,KAAK8B,iBAAiBoC,SAAW,EACnF,WAAYH,GAGd,OACEI,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOJ,GACVE,EAAA,OAAKE,MAAM,sBACTF,EAAA,OAAKE,MAAM,uBACTF,EAAA,QAAMG,KAAK,aAEbH,EAAA,OAAKE,MAAM,0BACTF,EAAA,OAAKE,MAAM,sBACTF,EAAA,QAAMG,KAAK,YAEbH,EAAA,OAAKE,MAAM,6BACTF,EAAA,QAAMG,KAAK,qBAIjBH,EAAA,OAAKE,MAAM,6BACTF,EAAA,OACEI,IAAMC,GAAQxE,KAAKE,aAAesE,EAClCH,MAAM,sBACNI,SAAUzE,KAAKiD,cAEfkB,EAAA,eAGJA,EAAA,OAAKE,MAAM,4BACTF,EAAA,QAAMG,KAAK,UAEbH,EAAA,OAAKE,MAAM,kCACTF,EAAA,QAAMG,KAAK,iB"}

package/dist/stzh-components/p-dd137812.entry.js ADDED Viewed

@@ -0,0 +1,8 @@
+import{r as t,c as e,h as s,a as i,g as r,f as a,F as n}from"./p-9e02896c.js";import{f as o}from"./p-25a09313.js";import{m as h,a as l,r as c}from"./p-9111e257.js";import{s as d,h as f,c as u}from"./p-fc339100.js";const z=".sc-stzh-actionset-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-actionset__actions.sc-stzh-actionset{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto;opacity:1}@media screen and (min-width: 1024px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover.sc-stzh-actionset{display:none}}";const m=class{constructor(s){t(this,s);this.stzhActionClick=e(this,"stzhActionClick",7);this._actions=[];this.actionClick=(t,e)=>{this.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:e})};this.update=()=>{this.isSmall=h("small").matches;this.isMedium=h("medium").matches;if(!this.actionsElement){return}Object.assign(this.actionsElement.style,{width:null,height:null});let t=0;if(this.variant==="overflow"&&this.isMedium||this.variant==="stack"&&this.isSmall){this.dynamicActions=true;let e=0;let s=0;Array.from(this.actionsElement.children).forEach((i=>{if(i.offsetTop===0){t++;const r=getComputedStyle(i);const a=parseInt(r.marginLeft);const n=parseInt(r.marginRight);const o=parseInt(r.marginTop);const h=parseInt(r.marginBottom);const l=i.offsetWidth+a+n;const c=i.offsetHeight+o+h;if(e<c){e=c}s=s+l+1}}));Object.assign(this.actionsElement.style,{width:`${s}px`,height:`${e}px`})}else{this.dynamicActions=false;if(this.variant==="overflow"){t=0}else if(this.variant==="stack"){t=this._actions.length<=3?this._actions.length:2}}this.actionsCollapsed=this._actions.slice(t)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};this.mediaChangeHandler=()=>{this.actionsCollapsed=[];requestAnimationFrame(this.update)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}async componentWillLoad(){this.actionsWatcher(this.actions);if(!this.localization){this.localization=await o(this.element,"actionset")}}connectedCallback(){l(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){c(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}componentDidLoad(){this.update()}render(){const t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0,[`stzh-actionset--${this.variant}`]:!!this.variant};const e=t=>s("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:this.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:this.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:e=>{this.actionClick(t,e)}},s("span",{class:{}},t.label));return s(i,{"has-collapsed-items":this.actionsCollapsed.length>0},s("div",{class:t},s("div",{class:"stzh-actionset__actions",role:"group"},s("div",{ref:t=>this.actionsElement=t,class:"stzh-actionset__actions-wrapper"},this._actions.map((t=>(this.dynamicActions||!this.dynamicActions&&this.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?s("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},e(t)):e(t))))),s("stzh-popover",{label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},s("stzh-button",{fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"default":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:""}),s("stzh-menu",{slot:"content"},this.actionsCollapsed.map((t=>s("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:e=>{this.actionClick(t,e)}},t.label))))))))}get element(){return r(this)}static get watchers(){return{actions:["actionsWatcher"]}}};m.style=z;const p='.sc-stzh-card-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border-color:var(--stzh-base-border-color);--border-radius:0.1875rem;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:var(--border-radius)}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:none}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:hover,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:focus-within,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-selected,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-chosen,.is-selected [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]),.is-chosen [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:var(--stzh-box-shadow-popover)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}[href].sc-stzh-card-h:hover,[href].sc-stzh-card-h:focus-within,.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border-color:transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-s>*{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)}.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;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){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{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: 1024px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-card.sc-stzh-card{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-width:0.0625rem;border-style:solid;border-color:var(--border-color);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .vshow-medium.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:-ms-inline-flexbox;display:inline-flex;margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{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);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card{-ms-flex-positive:1;flex-grow:1}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer-arrow.sc-stzh-card{--size:var(--stzh-icon-size-medium);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{z-index:1}.stzh-card--has-link.sc-stzh-card .stzh-card__card-actions.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card .stzh-card__image-link.sc-stzh-card:hover+.stzh-card__content-wrapper.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:hover,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-link.sc-stzh-card:hover .stzh-card__footer-arrow.sc-stzh-card{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .vhide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .vhide-when-collapsed.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}';const b=class{constructor(s){t(this,s);this.stzhClick=e(this,"stzhClick",7);this.stzhCollapse=e(this,"stzhCollapse",7);this.stzhSubtitleClick=e(this,"stzhSubtitleClick",7);this.stzhStarClick=e(this,"stzhStarClick",7);this.stzhHeaderActionClick=e(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=t=>{let e=false;t.forEach((t=>{if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){e=true}}));if(e){a(this.element)}};this.update=()=>{if(!this.mainElement){return}this.mainElement.classList.remove("stzh-card--has-collapsed-header");if(h("medium").matches){const t=this.headerElement.clientWidth;const e=this.headerLeftElement.clientWidth;const s=this.headerRightElement.clientWidth;if(t-e<=s){this.mainElement.classList.add("stzh-card--has-collapsed-header")}}};this.headerClick=t=>{if(!this.collapsible){return}const e=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];const s=t.composedPath().map((t=>{var e;return(e=t.tagName)===null||e===void 0?void 0:e.toLowerCase()}));const i=s.some((t=>e.includes(t)));if(!i){this.collapsed=!this.collapsed;this.stzhCollapse.emit({component:"stzh-card",collapsed:this.collapsed})}};this.subtitleClick=()=>{if(this.subtitleInteractive){this.stzhSubtitleClick.emit({component:"stzh-card"})}};this.starToggleClick=()=>{this.stzhStarClick.emit({component:"stzh-card",starred:this.starred})};this.actionClick=t=>{this.stzhHeaderActionClick.emit({component:"stzh-card",action:t})};this.arrowUpClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const e=this.findSortableChildElement();t.moveItem(e,"up")}};this.arrowDownClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const e=this.findSortableChildElement();t.moveItem(e,"down")}};this.updateElementInsideSortable=()=>{const t=this.element.closest("stzh-sortable");if(!t){this.sortable.removeEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.removeEventListener("stzhDisable",this.updateElementInsideSortable);return}if(this.element){a(this.element)}};this.init=()=>{const t=this.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');t.forEach((t=>{d(t,{size:"small"})}))};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};this.handleMutation=t=>{this.init();this.nodeChange(t)};this.handleSelectionChange=t=>{this.checked=t.detail.checked};this.cardClick=t=>{this.stzhClick.emit({component:"stzh-card",originalEvent:t})};this.localization=undefined;this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.href=undefined;this.target=undefined;this.value="";this.disabled=false;this.withArrow=false;this.heading="";this.subtitle="";this.headerActions=[];this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideHeaderBorder=false;this.hideFooterBorder=false;this.hideElevation=false;this.hideMovementActions=false;this.analyticsId=undefined}subtitleWatcher(t){if(typeof t==="string"){if(t===""){this._subtitles=[]}else{try{this._subtitles=JSON.parse(t)}catch(e){this._subtitles=[t]}}}else{this._subtitles=t}}headerActionsWatcher(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}}footerActionsWatcher(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}}collapsedWatcher(){this.handleResize()}findSortableChildElement(){const t=this.element.closest("stzh-sortable");if(t){let e=this.element;let s=null;if(typeof t.container==="function"){s=t.container()}else{s=t.container}while(e.parentElement&&e.parentElement!==s){e=e.parentElement}return e}}async componentWillLoad(){this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!this.localization){this.localization=await o(this.element,"card")}}componentDidLoad(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}}componentDidRender(){requestAnimationFrame((()=>{var t,e,s;const i=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(e=this.imageLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",i);(s=this.titleLinkElement)===null||s===void 0?void 0:s.setAttribute("s-object-id",i)}}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){var t,e,r;const a=f(this.element,"image");const o=f(this.element,"heading");const h=f(this.element,"content");const l=`${this.subtitleInteractive?"button":"span"}`;const c=this.findSortableChildElement();const d=(c===null||c===void 0?void 0:c.parentElement)&&Array.from((t=c===null||c===void 0?void 0:c.parentElement)===null||t===void 0?void 0:t.children).indexOf(c)===0;const u=(c===null||c===void 0?void 0:c.parentElement)&&Array.from((e=c===null||c===void 0?void 0:c.parentElement)===null||e===void 0?void 0:e.children).indexOf(c)===((r=c===null||c===void 0?void 0:c.parentElement)===null||r===void 0?void 0:r.children.length)-1;const z=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;const m=z&&!this.hideMovementActions;const p=this._headerActions.filter((t=>!t.onlyCollapseText));const b=!!this.heading||o;const g=b||this._subtitles.length>0||this._headerActions.length>0||p.length>0||this.starrable||m;const v=this._footerActions.length>0||this.selectable||this.withArrow;const w={"stzh-card":true,"stzh-card--has-link":!!this.href,"stzh-card--has-image":a,"stzh-card--has-content":h,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-hidden-header-border":this.hideHeaderBorder,"stzh-card--has-hidden-footer-border":this.hideFooterBorder,"stzh-card--has-header":g,"stzh-card--has-footer":v,"stzh-card--is-collapsible":this.collapsible,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked,"stzh-card--is-sortable":z};return s(i,{role:"listitem","aria-label":this.heading,"is-sortable":z},s("article",{ref:t=>this.mainElement=t,class:w},s("a",{ref:t=>this.imageLinkElement=t,"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},s("slot",{name:"image"})),s("div",{class:"stzh-card__content-wrapper"},s("stzh-icon",{class:"stzh-card__dnd",name:"drag"}),s("header",{ref:t=>this.headerElement=t,class:"stzh-card__header",onClick:this.headerClick},s("div",{class:"stzh-card__header-top"},s("div",{ref:t=>this.headerLeftElement=t,class:"stzh-card__header-left"},s("div",{class:"stzh-card__title-area"},b&&s("h3",{class:"stzh-card__title"},s("a",{ref:t=>this.titleLinkElement=t,class:"stzh-card__title-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},s("div",{ref:t=>this.headingTextElement=t},this.heading?this.heading:s("slot",{name:"heading"})))),this._subtitles.length>0&&s(l,{class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((t=>s("span",{class:"stzh-card__subtitle-text"},t)))))),s("div",{ref:t=>this.headerRightElement=t,class:"stzh-card__header-right"},s("div",{class:"stzh-card__card-actions"},this._headerActions.map((t=>s("stzh-button",{class:{"stzh-card__card-action":true,"is-button":true,"show-medium":!t.onlyCollapseText,"hide-when-collapsed":!t.onlyCollapseText,"hide-text-when-collapsed":t.onlyCollapseText},icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:()=>{this.actionClick(t)}},s("span",{class:{"vshow-medium":t.onlyCollapseText,"vhide-when-collapsed":t.onlyCollapseText}},t.label)))),this.starrable&&s("stzh-tooltip",null,s("stzh-button",{class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),s("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(p.length>0||this.starrable||m)&&s("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true,"hide-medium show-when-collapsed":!this.starrable&&!m}},s("stzh-button",{class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),s("stzh-menu",{slot:"content"},this.starrable&&s("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),p.map((t=>s("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:()=>{this.actionClick(t)}},t.label))),m&&s(n,null,!d&&s("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!u&&s("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),s("div",{class:"stzh-card__header-meta"},s("slot",{name:"meta"}))),s("div",{class:"stzh-card__content hide-when-collapsed"},s("slot",{name:"content"})),s("div",{class:"stzh-card__footer hide-when-collapsed"},s("slot",{name:"footer"},this._footerActions.length>0&&s("stzh-actionset",{class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&s("stzh-button",{class:"stzh-card__footer-select-button",fullwidth:true,type:"radio",variant:"secondary",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,label:this.localization.select,onStzhChange:this.handleSelectionChange}),this.withArrow&&s("stzh-icon",{class:"stzh-card__footer-arrow",name:"arrow-right-long"}))))))}get element(){return r(this)}static get watchers(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"],collapsed:["collapsedWatcher"]}}};b.style=p;const g=".sc-stzh-card-list-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-list-h{display:none}.sc-stzh-card-list-h *.sc-stzh-card-list,.sc-stzh-card-list-h *.sc-stzh-card-list::before,.sc-stzh-card-list-h *.sc-stzh-card-list::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:100%;margin:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(50% - var(--stzh-grid-gutter-small));margin:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(33.333% - var(--stzh-grid-gutter-medium));margin:calc(var(--stzh-grid-gutter-medium) / 2)}}.sc-stzh-card-list-h .sc-stzh-card-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-card-list-h .sc-stzh-card-list-s>stzh-text[slot=description]{--color:inherit}.stzh-card-list__cards.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-card-list__header.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-card-list__header.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row}}.stzh-card-list__description.sc-stzh-card-list{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);color:var(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-card-list__description.sc-stzh-card-list{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:0}}.stzh-card-list__switch.sc-stzh-card-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-xlarge)}}.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-grid-gutter) / -2)}@media screen and (min-width: 600px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-medium) / -2)}}";const v=class{constructor(s){t(this,s);this.stzhCollapseAll=e(this,"stzhCollapseAll",7);this.collapseClick=()=>{const t=Array.from(this.element.querySelectorAll("stzh-card"));t.forEach((t=>{if(t.collapsible){t.collapsed=!this.allCollapsed}}));this.allCollapsed=!this.allCollapsed;this.stzhCollapseAll.emit({component:"stzh-card-list",allCollapsed:this.allCollapsed})};this.updateCollapsedState=()=>{const t=Array.from(this.element.querySelectorAll("stzh-card"));this.allCollapsed=!t.some((t=>!t.collapsed))};this.sortableGhostClone=t=>{const[e,s,i]=u(t);if(s&&i&&s.tagName.toLowerCase()==="stzh-card"){const t=s;const e=i;t.heading=e.heading;t.subtitle=e.subtitle;t.headerActions=e.headerActions;t.footerActions=e.footerActions;t.hideMovementActions=e.hideMovementActions}return e};this.localization=undefined;this.layout="fullwidth";this.description=undefined;this.showToggleLink=false;this.sortableEnabled=false;this.sortableDataIdAttribute="data-id";this.allCollapsed=false}collapseListener(){this.updateCollapsedState()}async componentWillLoad(){if(!this.localization){this.localization=await o(this.element,"card-list")}}componentDidLoad(){this.updateCollapsedState()}render(){const t=f(this.element,"description")||!!this.description;const e={"stzh-card-list":true,"stzh-card-list--has-header":this.showToggleLink||t,[`stzh-card-list--layout-${this.layout}`]:!!this.layout};return s(i,null,s("div",{class:e},s("div",{class:"stzh-card-list__header"},s("div",{class:"stzh-card-list__description"},this.description?this.description:s("slot",{name:"description"})),this.showToggleLink&&s("stzh-link",{class:"stzh-card-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),s("stzh-sortable",{disabled:!this.sortableEnabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},s("div",{class:"stzh-card-list__cards",role:"list"},s("slot",null)))))}get element(){return r(this)}};v.style=g;const w=t=>"object"==typeof t&&null!=t&&1===t.nodeType,x=(t,e)=>(!e||"hidden"!==t)&&("visible"!==t&&"clip"!==t),_=(t,e)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const s=getComputedStyle(t,null);return x(s.overflowY,e)||x(s.overflowX,e)||(t=>{const e=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return!!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)})(t)}return!1},y=(t,e,s,i,r,a,n,o)=>a<t&&n>e||a>t&&n<e?0:a<=t&&o<=s||n>=e&&o>=s?a-t-i:n>e&&o<s||a<t&&o>s?n-e+r:0,k=t=>{const e=t.parentElement;return null==e?t.getRootNode().host||null:e},E=(t,e)=>{var s,i,r,a;if("undefined"==typeof document)return[];const{scrollMode:n,block:o,inline:h,boundary:l,skipOverflowHiddenElements:c}=e,d="function"==typeof l?l:t=>t!==l;if(!w(t))throw new TypeError("Invalid target");const f=document.scrollingElement||document.documentElement,u=[];let z=t;for(;w(z)&&d(z);){if(z=k(z),z===f){u.push(z);break}null!=z&&z===document.body&&_(z)&&!_(document.documentElement)||null!=z&&_(z,c)&&u.push(z)}const m=null!=(i=null==(s=window.visualViewport)?void 0:s.width)?i:innerWidth,p=null!=(a=null==(r=window.visualViewport)?void 0:r.height)?a:innerHeight,{scrollX:b,scrollY:g}=window,{height:v,width:x,top:E,right:S,bottom:C,left:I}=t.getBoundingClientRect();let O="start"===o||"nearest"===o?E:"end"===o?C:E+v/2,A="center"===h?I+x/2:"end"===h?S:I;const D=[];for(let t=0;t<u.length;t++){const e=u[t],{height:s,width:i,top:r,right:a,bottom:l,left:c}=e.getBoundingClientRect();if("if-needed"===n&&E>=0&&I>=0&&C<=p&&S<=m&&E>=r&&C<=l&&I>=c&&S<=a)return D;const d=getComputedStyle(e),z=parseInt(d.borderLeftWidth,10),w=parseInt(d.borderTopWidth,10),_=parseInt(d.borderRightWidth,10),k=parseInt(d.borderBottomWidth,10);let T=0,M=0;const W="offsetWidth"in e?e.offsetWidth-e.clientWidth-z-_:0,N="offsetHeight"in e?e.offsetHeight-e.clientHeight-w-k:0,j="offsetWidth"in e?0===e.offsetWidth?0:i/e.offsetWidth:0,$="offsetHeight"in e?0===e.offsetHeight?0:s/e.offsetHeight:0;if(f===e)T="start"===o?O:"end"===o?O-p:"nearest"===o?y(g,g+p,p,w,k,g+O,g+O+v,v):O-p/2,M="start"===h?A:"center"===h?A-m/2:"end"===h?A-m:y(b,b+m,m,z,_,b+A,b+A+x,x),T=Math.max(0,T+g),M=Math.max(0,M+b);else{T="start"===o?O-r-w:"end"===o?O-l+k+N:"nearest"===o?y(r,l,s,w,k+N,O,O+v,v):O-(r+s/2)+N/2,M="start"===h?A-c-z:"center"===h?A-(c+i/2)+W/2:"end"===h?A-a+_+W:y(c,a,i,z,_+W,A,A+x,x);const{scrollLeft:t,scrollTop:n}=e;T=Math.max(0,Math.min(n+T/$,e.scrollHeight-s/$+N)),M=Math.max(0,Math.min(t+M/j,e.scrollWidth-i/j+W)),O+=n-T,A+=t-M}D.push({el:e,top:T,left:M})}return D};const S=t=>!1===t?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&0!==Object.keys(t).length)(t)?t:{block:"start",inline:"nearest"};function C(t,e){if(!t.isConnected||!(t=>{let e=t;for(;e&&e.parentNode;){if(e.parentNode===document)return!0;e=e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}return!1})(t))return;if((t=>"object"==typeof t&&"function"==typeof t.behavior)(e))return e.behavior(E(t,e));const s="boolean"==typeof e||null==e?void 0:e.behavior;for(const{el:i,top:r,left:a}of E(t,S(e)))i.scroll({top:r,left:a,behavior:s})}
+/**!
+ * Sortable 1.15.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */function I(){I=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var i in s){if(Object.prototype.hasOwnProperty.call(s,i)){t[i]=s[i]}}}return t};return I.apply(this,arguments)}var O="1.15.0";function A(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}const D=A(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);const T=A(/Edge/i);const M=A(/firefox/i);const W=A(/safari/i)&&!A(/chrome/i)&&!A(/android/i);const N=A(/iP(ad|od|hone)/i);const j=A(/chrome/i)&&A(/android/i);const $={capture:false,passive:false};function F(t,e,s){t.addEventListener(e,s,!D&&$)}function L(t,e,s){t.removeEventListener(e,s,!D&&$)}function P(t,e){if(!e)return;e[0]===">"&&(e=e.substring(1));if(t){try{if(t.matches){return t.matches(e)}else if(t.msMatchesSelector){return t.msMatchesSelector(e)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(e)}}catch(t){return false}}return false}function H(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function G(t,e,s,i){if(t){s=s||document;do{if(e!=null&&(e[0]===">"?t.parentNode===s&&P(t,e):P(t,e))||i&&t===s){return t}if(t===s)break}while(t=H(t))}return null}const R=/\s+/g;function U(t,e,s){if(t&&e){if(t.classList){t.classList[s?"add":"remove"](e)}else{let i=(" "+t.className+" ").replace(R," ").replace(" "+e+" "," ");t.className=(i+(s?" "+e:"")).replace(R," ")}}}function B(t,e,s){let i=t&&t.style;if(i){if(s===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){s=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){s=t.currentStyle}return e===void 0?s:s[e]}else{if(!(e in i)&&e.indexOf("webkit")===-1){e="-webkit-"+e}i[e]=s+(typeof s==="string"?"":"px")}}}function J(t,e){let s="";if(typeof t==="string"){s=t}else{do{let e=B(t,"transform");if(e&&e!=="none"){s=e+" "+s}}while(!e&&(t=t.parentNode))}const i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(s)}function K(t,e,s){if(t){let i=t.getElementsByTagName(e),r=0,a=i.length;if(s){for(;r<a;r++){s(i[r],r)}}return i}return[]}function q(){let t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function X(t,e,s,i,r){if(!t.getBoundingClientRect&&t!==window)return;let a,n,o,h,l,c,d;if(t!==window&&t.parentNode&&t!==q()){a=t.getBoundingClientRect();n=a.top;o=a.left;h=a.bottom;l=a.right;c=a.height;d=a.width}else{n=0;o=0;h=window.innerHeight;l=window.innerWidth;c=window.innerHeight;d=window.innerWidth}if((e||s)&&t!==window){r=r||t.parentNode;if(!D){do{if(r&&r.getBoundingClientRect&&(B(r,"transform")!=="none"||s&&B(r,"position")!=="static")){let t=r.getBoundingClientRect();n-=t.top+parseInt(B(r,"border-top-width"));o-=t.left+parseInt(B(r,"border-left-width"));h=n+a.height;l=o+a.width;break}}while(r=r.parentNode)}}if(i&&t!==window){let e=J(r||t),s=e&&e.a,i=e&&e.d;if(e){n/=i;o/=s;d/=s;c/=i;h=n+c;l=o+d}}return{top:n,left:o,bottom:h,right:l,width:d,height:c}}function Y(t,e,s){let i=st(t,true),r=X(t)[e];while(i){let t=X(i)[s],e;if(s==="top"||s==="left"){e=r>=t}else{e=r<=t}if(!e)return i;if(i===q())break;i=st(i,false)}return false}function V(t,e,s,i){let r=0,a=0,n=t.children;while(a<n.length){if(n[a].style.display!=="none"&&n[a]!==ze.ghost&&(i||n[a]!==ze.dragged)&&G(n[a],s.draggable,t,false)){if(r===e){return n[a]}r++}a++}return null}function Z(t,e){let s=t.lastElementChild;while(s&&(s===ze.ghost||B(s,"display")==="none"||e&&!P(s,e))){s=s.previousElementSibling}return s||null}function Q(t,e){let s=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==ze.clone&&(!e||P(t,e))){s++}}return s}function tt(t){let e=0,s=0,i=q();if(t){do{let i=J(t),r=i.a,a=i.d;e+=t.scrollLeft*r;s+=t.scrollTop*a}while(t!==i&&(t=t.parentNode))}return[e,s]}function et(t,e){for(let s in t){if(!t.hasOwnProperty(s))continue;for(let i in e){if(e.hasOwnProperty(i)&&e[i]===t[s][i])return Number(s)}}return-1}function st(t,e){if(!t||!t.getBoundingClientRect)return q();let s=t;let i=false;do{if(s.clientWidth<s.scrollWidth||s.clientHeight<s.scrollHeight){let t=B(s);if(s.clientWidth<s.scrollWidth&&(t.overflowX=="auto"||t.overflowX=="scroll")||s.clientHeight<s.scrollHeight&&(t.overflowY=="auto"||t.overflowY=="scroll")){if(!s.getBoundingClientRect||s===document.body)return q();if(i||e)return s;i=true}}}while(s=s.parentNode);return q()}function it(t,e){if(t&&e){for(let s in e){if(e.hasOwnProperty(s)){t[s]=e[s]}}}return t}function rt(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}let at;function nt(t,e){return function(){if(!at){let s=arguments,i=this;if(s.length===1){t.call(i,s[0])}else{t.apply(i,s)}at=setTimeout((function(){at=void 0}),e)}}}function ot(){clearTimeout(at);at=void 0}function ht(t,e,s){t.scrollLeft+=e;t.scrollTop+=s}function lt(t){let e=window.Polymer;let s=window.jQuery||window.Zepto;if(e&&e.dom){return e.dom(t).cloneNode(true)}else if(s){return s(t).clone(true)[0]}else{return t.cloneNode(true)}}function ct(t,e){B(t,"position","absolute");B(t,"top",e.top);B(t,"left",e.left);B(t,"width",e.width);B(t,"height",e.height)}function dt(t){B(t,"position","");B(t,"top","");B(t,"left","");B(t,"width","");B(t,"height","")}const ft="Sortable"+(new Date).getTime();function ut(){let t=[],e;return{captureAnimationState(){t=[];if(!this.options.animation)return;let e=[].slice.call(this.el.children);e.forEach((e=>{if(B(e,"display")==="none"||e===ze.ghost)return;t.push({target:e,rect:X(e)});let s={...t[t.length-1].rect};if(e.thisAnimationDuration){let t=J(e,true);if(t){s.top-=t.f;s.left-=t.e}}e.fromRect=s}))},addAnimationState(e){t.push(e)},removeAnimationState(e){t.splice(et(t,{target:e}),1)},animateAll(s){if(!this.options.animation){clearTimeout(e);if(typeof s==="function")s();return}let i=false,r=0;t.forEach((t=>{let e=0,s=t.target,a=s.fromRect,n=X(s),o=s.prevFromRect,h=s.prevToRect,l=t.rect,c=J(s,true);if(c){n.top-=c.f;n.left-=c.e}s.toRect=n;if(s.thisAnimationDuration){if(rt(o,n)&&!rt(a,n)&&(l.top-n.top)/(l.left-n.left)===(a.top-n.top)/(a.left-n.left)){e=mt(l,o,h,this.options)}}if(!rt(n,a)){s.prevFromRect=a;s.prevToRect=n;if(!e){e=this.options.animation}this.animate(s,l,n,e)}if(e){i=true;r=Math.max(r,e);clearTimeout(s.animationResetTimer);s.animationResetTimer=setTimeout((function(){s.animationTime=0;s.prevFromRect=null;s.fromRect=null;s.prevToRect=null;s.thisAnimationDuration=null}),e);s.thisAnimationDuration=e}}));clearTimeout(e);if(!i){if(typeof s==="function")s()}else{e=setTimeout((function(){if(typeof s==="function")s()}),r)}t=[]},animate(t,e,s,i){if(i){B(t,"transition","");B(t,"transform","");let r=J(this.el),a=r&&r.a,n=r&&r.d,o=(e.left-s.left)/(a||1),h=(e.top-s.top)/(n||1);t.animatingX=!!o;t.animatingY=!!h;B(t,"transform","translate3d("+o+"px,"+h+"px,0)");this.forRepaintDummy=zt(t);B(t,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:""));B(t,"transform","translate3d(0,0,0)");typeof t.animated==="number"&&clearTimeout(t.animated);t.animated=setTimeout((function(){B(t,"transition","");B(t,"transform","");t.animated=false;t.animatingX=false;t.animatingY=false}),i)}}}}function zt(t){return t.offsetWidth}function mt(t,e,s,i){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-s.top,2)+Math.pow(e.left-s.left,2))*i.animation}let pt=[];const bt={initializeByDefault:true};var gt={mount(t){for(let e in bt){if(bt.hasOwnProperty(e)&&!(e in t)){t[e]=bt[e]}}pt.forEach((e=>{if(e.pluginName===t.pluginName){throw`Sortable: Cannot mount plugin ${t.pluginName} more than once`}}));pt.push(t)},pluginEvent(t,e,s){this.eventCanceled=false;s.cancel=()=>{this.eventCanceled=true};const i=t+"Global";pt.forEach((r=>{if(!e[r.pluginName])return;if(e[r.pluginName][i]){e[r.pluginName][i]({sortable:e,...s})}if(e.options[r.pluginName]&&e[r.pluginName][t]){e[r.pluginName][t]({sortable:e,...s})}}))},initializePlugins(t,e,s,i){pt.forEach((i=>{const r=i.pluginName;if(!t.options[r]&&!i.initializeByDefault)return;let a=new i(t,e,t.options);a.sortable=t;a.options=t.options;t[r]=a;I(s,a.defaults)}));for(let e in t.options){if(!t.options.hasOwnProperty(e))continue;let s=this.modifyOption(t,e,t.options[e]);if(typeof s!=="undefined"){t.options[e]=s}}},getEventProperties(t,e){let s={};pt.forEach((i=>{if(typeof i.eventProperties!=="function")return;I(s,i.eventProperties.call(e[i.pluginName],t))}));return s},modifyOption(t,e,s){let i;pt.forEach((r=>{if(!t[r.pluginName])return;if(r.optionListeners&&typeof r.optionListeners[e]==="function"){i=r.optionListeners[e].call(t[r.pluginName],s)}}));return i}};function vt({sortable:t,rootEl:e,name:s,targetEl:i,cloneEl:r,toEl:a,fromEl:n,oldIndex:o,newIndex:h,oldDraggableIndex:l,newDraggableIndex:c,originalEvent:d,putSortable:f,extraEventProperties:u}){t=t||e&&e[ft];if(!t)return;let z,m=t.options,p="on"+s.charAt(0).toUpperCase()+s.substr(1);if(window.CustomEvent&&!D&&!T){z=new CustomEvent(s,{bubbles:true,cancelable:true})}else{z=document.createEvent("Event");z.initEvent(s,true,true)}z.to=a||e;z.from=n||e;z.item=i||e;z.clone=r;z.oldIndex=o;z.newIndex=h;z.oldDraggableIndex=l;z.newDraggableIndex=c;z.originalEvent=d;z.pullMode=f?f.lastPutMode:undefined;let b={...u,...gt.getEventProperties(s,t)};for(let t in b){z[t]=b[t]}if(e){e.dispatchEvent(z)}if(m[p]){m[p].call(t,z)}}let wt=function(t,e,{evt:s,...i}={}){gt.pluginEvent.bind(ze)(t,e,{dragEl:_t,parentEl:yt,ghostEl:kt,rootEl:Et,nextEl:St,lastDownEl:Ct,cloneEl:It,cloneHidden:Ot,dragStarted:Bt,putSortable:Nt,activeSortable:ze.active,originalEvent:s,oldIndex:At,oldDraggableIndex:Tt,newIndex:Dt,newDraggableIndex:Mt,hideGhostForTarget:ce,unhideGhostForTarget:de,cloneNowHidden(){Ot=true},cloneNowShown(){Ot=false},dispatchSortableEvent(t){xt({sortable:e,name:t,originalEvent:s})},...i})};function xt(t){vt({putSortable:Nt,cloneEl:It,targetEl:_t,rootEl:Et,oldIndex:At,oldDraggableIndex:Tt,newIndex:Dt,newDraggableIndex:Mt,...t})}let _t,yt,kt,Et,St,Ct,It,Ot,At,Dt,Tt,Mt,Wt,Nt,jt=false,$t=false,Ft=[],Lt,Pt,Ht,Gt,Rt,Ut,Bt,Jt,Kt,qt=false,Xt=false,Yt,Vt,Zt=[],Qt=false,te=[];const ee=typeof document!=="undefined",se=N,ie=T||D?"cssFloat":"float",re=ee&&!j&&!N&&"draggable"in document.createElement("div"),ae=function(){if(!ee)return;if(D){return false}let t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),ne=function(t,e){let s=B(t),i=parseInt(s.width)-parseInt(s.paddingLeft)-parseInt(s.paddingRight)-parseInt(s.borderLeftWidth)-parseInt(s.borderRightWidth),r=V(t,0,e),a=V(t,1,e),n=r&&B(r),o=a&&B(a),h=n&&parseInt(n.marginLeft)+parseInt(n.marginRight)+X(r).width,l=o&&parseInt(o.marginLeft)+parseInt(o.marginRight)+X(a).width;if(s.display==="flex"){return s.flexDirection==="column"||s.flexDirection==="column-reverse"?"vertical":"horizontal"}if(s.display==="grid"){return s.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(r&&n.float&&n.float!=="none"){let t=n.float==="left"?"left":"right";return a&&(o.clear==="both"||o.clear===t)?"vertical":"horizontal"}return r&&(n.display==="block"||n.display==="flex"||n.display==="table"||n.display==="grid"||h>=i&&s[ie]==="none"||a&&s[ie]==="none"&&h+l>i)?"vertical":"horizontal"},oe=function(t,e,s){let i=s?t.left:t.top,r=s?t.right:t.bottom,a=s?t.width:t.height,n=s?e.left:e.top,o=s?e.right:e.bottom,h=s?e.width:e.height;return i===n||r===o||i+a/2===n+h/2},he=function(t,e){let s;Ft.some((i=>{const r=i[ft].options.emptyInsertThreshold;if(!r||Z(i))return;const a=X(i),n=t>=a.left-r&&t<=a.right+r,o=e>=a.top-r&&e<=a.bottom+r;if(n&&o){return s=i}}));return s},le=function(t){function e(t,s){return function(i,r,a,n){let o=i.options.group.name&&r.options.group.name&&i.options.group.name===r.options.group.name;if(t==null&&(s||o)){return true}else if(t==null||t===false){return false}else if(s&&t==="clone"){return t}else if(typeof t==="function"){return e(t(i,r,a,n),s)(i,r,a,n)}else{let e=(s?i:r).options.group.name;return t===true||typeof t==="string"&&t===e||t.join&&t.indexOf(e)>-1}}}let s={};let i=t.group;if(!i||typeof i!="object"){i={name:i}}s.name=i.name;s.checkPull=e(i.pull,true);s.checkPut=e(i.put);s.revertClone=i.revertClone;t.group=s},ce=function(){if(!ae&&kt){B(kt,"display","none")}},de=function(){if(!ae&&kt){B(kt,"display","")}};if(ee&&!j){document.addEventListener("click",(function(t){if($t){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();$t=false;return false}}),true)}let fe=function(t){if(_t){t=t.touches?t.touches[0]:t;let e=he(t.clientX,t.clientY);if(e){let s={};for(let e in t){if(t.hasOwnProperty(e)){s[e]=t[e]}}s.target=s.rootEl=e;s.preventDefault=void 0;s.stopPropagation=void 0;e[ft]._onDragOver(s)}}};let ue=function(t){if(_t){_t.parentNode[ft]._isOutsideThisEl(t.target)}};function ze(t,e){if(!(t&&t.nodeType&&t.nodeType===1)){throw`Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(t)}`}this.el=t;this.options=e=I({},e);t[ft]=this;let s={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function(){return ne(t,this.options)},ghostClone:function(t){return t.cloneNode(true)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:ze.supportPointer!==false&&"PointerEvent"in window&&!W,emptyInsertThreshold:5};gt.initializePlugins(this,t,s);for(let t in s){!(t in e)&&(e[t]=s[t])}le(e);for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}this.nativeDraggable=e.forceFallback?false:re;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(e.supportPointer){F(t,"pointerdown",this._onTapStart)}else{F(t,"mousedown",this._onTapStart);F(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){F(t,"dragover",this);F(t,"dragenter",this)}Ft.push(this.el);e.store&&e.store.get&&this.sort(e.store.get(this)||[]);I(this,ut())}ze.prototype={constructor:ze,_isOutsideThisEl:function(t){if(!this.el.contains(t)&&t!==this.el){Jt=null}},_getDirection:function(t,e){return typeof this.options.direction==="function"?this.options.direction.call(this,t,e,_t):this.options.direction},_onTapStart:function(t){if(!t.cancelable)return;let e=this,s=this.el,i=this.options,r=i.preventOnFilter,a=t.type,n=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,o=(n||t).target,h=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||o,l=i.filter;ke(s);if(_t){return}if(/mousedown|pointerdown/.test(a)&&t.button!==0||i.disabled){return}if(h.isContentEditable){return}if(!this.nativeDraggable&&W&&o&&o.tagName.toUpperCase()==="SELECT"){return}o=G(o,i.draggable,s,false);if(o&&o.animated){return}if(Ct===o){return}At=Q(o);Tt=Q(o,i.draggable);if(typeof l==="function"){if(l.call(this,t,o,this)){xt({sortable:e,rootEl:h,name:"filter",targetEl:o,toEl:s,fromEl:s});wt("filter",e,{evt:t});r&&t.cancelable&&t.preventDefault();return}}else if(l){l=l.split(",").some((function(i){i=G(h,i.trim(),s,false);if(i){xt({sortable:e,rootEl:i,name:"filter",targetEl:o,fromEl:s,toEl:s});wt("filter",e,{evt:t});return true}}));if(l){r&&t.cancelable&&t.preventDefault();return}}if(i.handle&&!G(h,i.handle,s,false)){return}this._prepareDragStart(t,n,o)},_prepareDragStart:function(t,e,s){let i=this,r=i.el,a=i.options,n=r.ownerDocument,o;if(s&&!_t&&s.parentNode===r){let h=X(s);Et=r;_t=s;yt=_t.parentNode;St=_t.nextSibling;Ct=s;Wt=a.group;ze.dragged=_t;Lt={target:_t,clientX:(e||t).clientX,clientY:(e||t).clientY};Rt=Lt.clientX-h.left;Ut=Lt.clientY-h.top;this._lastX=(e||t).clientX;this._lastY=(e||t).clientY;_t.style["will-change"]="all";o=function(){wt("delayEnded",i,{evt:t});if(ze.eventCanceled){i._onDrop();return}i._disableDelayedDragEvents();if(!M&&i.nativeDraggable){_t.draggable=true}i._triggerDragStart(t,e);xt({sortable:i,name:"choose",originalEvent:t});U(_t,a.chosenClass,true)};a.ignore.split(",").forEach((function(t){K(_t,t.trim(),be)}));F(n,"dragover",fe);F(n,"mousemove",fe);F(n,"touchmove",fe);F(n,"mouseup",i._onDrop);F(n,"touchend",i._onDrop);F(n,"touchcancel",i._onDrop);if(M&&this.nativeDraggable){this.options.touchStartThreshold=4;_t.draggable=true}wt("delayStart",this,{evt:t});if(a.delay&&(!a.delayOnTouchOnly||e)&&(!this.nativeDraggable||!(T||D))){if(ze.eventCanceled){this._onDrop();return}F(n,"mouseup",i._disableDelayedDrag);F(n,"touchend",i._disableDelayedDrag);F(n,"touchcancel",i._disableDelayedDrag);F(n,"mousemove",i._delayedDragTouchMoveHandler);F(n,"touchmove",i._delayedDragTouchMoveHandler);a.supportPointer&&F(n,"pointermove",i._delayedDragTouchMoveHandler);i._dragStartTimer=setTimeout(o,a.delay)}else{o()}}},_delayedDragTouchMoveHandler:function(t){let e=t.touches?t.touches[0]:t;if(Math.max(Math.abs(e.clientX-this._lastX),Math.abs(e.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function(){_t&&be(_t);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){let t=this.el.ownerDocument;L(t,"mouseup",this._disableDelayedDrag);L(t,"touchend",this._disableDelayedDrag);L(t,"touchcancel",this._disableDelayedDrag);L(t,"mousemove",this._delayedDragTouchMoveHandler);L(t,"touchmove",this._delayedDragTouchMoveHandler);L(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||t.pointerType=="touch"&&t;if(!this.nativeDraggable||e){if(this.options.supportPointer){F(document,"pointermove",this._onTouchMove)}else if(e){F(document,"touchmove",this._onTouchMove)}else{F(document,"mousemove",this._onTouchMove)}}else{F(_t,"dragend",this);F(Et,"dragstart",this._onDragStart)}try{if(document.selection){Ee((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function(t,e){jt=false;if(Et&&_t){wt("dragStarted",this,{evt:e});if(this.nativeDraggable){F(document,"dragover",ue)}let s=this.options;!t&&U(_t,s.dragClass,false);U(_t,s.ghostClass,true);ze.active=this;t&&this._appendGhost();xt({sortable:this,name:"start",originalEvent:e})}else{this._nulling()}},_emulateDragOver:function(){if(Pt){this._lastX=Pt.clientX;this._lastY=Pt.clientY;ce();let t=document.elementFromPoint(Pt.clientX,Pt.clientY);let e=t;while(t&&t.shadowRoot){t=t.shadowRoot.elementFromPoint(Pt.clientX,Pt.clientY);if(t===e)break;e=t}_t.parentNode[ft]._isOutsideThisEl(t);if(e){do{if(e[ft]){let s;s=e[ft]._onDragOver({clientX:Pt.clientX,clientY:Pt.clientY,target:t,rootEl:e});if(s&&!this.options.dragoverBubble){break}}t=e}while(e=e.parentNode)}de()}},_onTouchMove:function(t){if(Lt){let e=this.options,s=e.fallbackTolerance,i=e.fallbackOffset,r=t.touches?t.touches[0]:t,a=kt&&J(kt,true),n=kt&&a&&a.a,o=kt&&a&&a.d,h=se&&Vt&&tt(Vt),l=(r.clientX-Lt.clientX+i.x)/(n||1)+(h?h[0]-Zt[0]:0)/(n||1),c=(r.clientY-Lt.clientY+i.y)/(o||1)+(h?h[1]-Zt[1]:0)/(o||1);if(!ze.active&&!jt){if(s&&Math.max(Math.abs(r.clientX-this._lastX),Math.abs(r.clientY-this._lastY))<s){return}this._onDragStart(t,true)}if(kt){if(a){a.e+=l-(Ht||0);a.f+=c-(Gt||0)}else{a={a:1,b:0,c:0,d:1,e:l,f:c}}let t=`matrix(${a.a},${a.b},${a.c},${a.d},${a.e},${a.f})`;B(kt,"webkitTransform",t);B(kt,"mozTransform",t);B(kt,"msTransform",t);B(kt,"transform",t);Ht=l;Gt=c;Pt=r}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!kt){let t=this.options.fallbackOnBody?document.body:Et,e=X(_t,true,se,true,t),s=this.options;if(se){Vt=t;while(B(Vt,"position")==="static"&&B(Vt,"transform")==="none"&&Vt!==document){Vt=Vt.parentNode}if(Vt!==document.body&&Vt!==document.documentElement){if(Vt===document)Vt=q();e.top+=Vt.scrollTop;e.left+=Vt.scrollLeft}else{Vt=q()}Zt=tt(Vt)}kt=s.ghostClone(_t);U(kt,s.ghostClass,false);U(kt,s.fallbackClass,true);U(kt,s.dragClass,true);B(kt,"transition","");B(kt,"transform","");B(kt,"box-sizing","border-box");B(kt,"margin",0);B(kt,"top",e.top);B(kt,"left",e.left);B(kt,"width",e.width);B(kt,"height",e.height);B(kt,"opacity","0.8");B(kt,"position",se?"absolute":"fixed");B(kt,"zIndex","100000");B(kt,"pointerEvents","none");ze.ghost=kt;t.appendChild(kt);B(kt,"transform-origin",Rt/parseInt(kt.style.width)*100+"% "+Ut/parseInt(kt.style.height)*100+"%")}},_onDragStart:function(t,e){let s=this;let i=t.dataTransfer;let r=s.options;wt("dragStart",this,{evt:t});if(ze.eventCanceled){this._onDrop();return}wt("setupClone",this);if(!ze.eventCanceled){It=lt(_t);It.removeAttribute("id");It.draggable=false;It.style["will-change"]="";this._hideClone();U(It,this.options.chosenClass,false);ze.clone=It}s.cloneId=Ee((function(){wt("clone",s);if(ze.eventCanceled)return;if(!s.options.removeCloneOnHide){Et.insertBefore(It,_t)}s._hideClone();xt({sortable:s,name:"clone"})}));!e&&U(_t,r.dragClass,true);if(e){$t=true;s._loopId=setInterval(s._emulateDragOver,50)}else{L(document,"mouseup",s._onDrop);L(document,"touchend",s._onDrop);L(document,"touchcancel",s._onDrop);if(i){i.effectAllowed="move";r.setData&&r.setData.call(s,i,_t)}F(document,"drop",s);B(_t,"transform","translateZ(0)")}jt=true;s._dragStartId=Ee(s._dragStarted.bind(s,e,t));F(document,"selectstart",s);Bt=true;if(W){B(document.body,"user-select","none")}},_onDragOver:function(t){let e=this.el,s=t.target,i,r,a,n=this.options,o=n.group,h=ze.active,l=Wt===o,c=n.sort,d=Nt||h,f,u=this,z=false;if(Qt)return;function m(n,o){wt(n,u,{evt:t,isOwner:l,axis:f?"vertical":"horizontal",revert:a,dragRect:i,targetRect:r,canSort:c,fromSortable:d,target:s,completed:b,onMove(s,r){return pe(Et,e,_t,i,s,X(s),t,r)},changed:g,...o})}function p(){m("dragOverAnimationCapture");u.captureAnimationState();if(u!==d){d.captureAnimationState()}}function b(i){m("dragOverCompleted",{insertion:i});if(i){if(l){h._hideClone()}else{h._showClone(u)}if(u!==d){U(_t,Nt?Nt.options.ghostClass:h.options.ghostClass,false);U(_t,n.ghostClass,true)}if(Nt!==u&&u!==ze.active){Nt=u}else if(u===ze.active&&Nt){Nt=null}if(d===u){u._ignoreWhileAnimating=s}u.animateAll((function(){m("dragOverAnimationComplete");u._ignoreWhileAnimating=null}));if(u!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(s===_t&&!_t.animated||s===e&&!s.animated){Jt=null}if(!n.dragoverBubble&&!t.rootEl&&s!==document){_t.parentNode[ft]._isOutsideThisEl(t.target);!i&&fe(t)}!n.dragoverBubble&&t.stopPropagation&&t.stopPropagation();return z=true}function g(){Dt=Q(_t);Mt=Q(_t,n.draggable);xt({sortable:u,name:"change",toEl:e,newIndex:Dt,newDraggableIndex:Mt,originalEvent:t})}if(t.preventDefault!==void 0){t.cancelable&&t.preventDefault()}s=G(s,n.draggable,e,true);m("dragOver");if(ze.eventCanceled)return z;if(_t.contains(t.target)||s.animated&&s.animatingX&&s.animatingY||u._ignoreWhileAnimating===s){return b(false)}$t=false;if(h&&!n.disabled&&(l?c||(a=yt!==Et):Nt===this||(this.lastPutMode=Wt.checkPull(this,h,_t,t))&&o.checkPut(this,h,_t,t))){f=this._getDirection(t,s)==="vertical";i=X(_t);m("dragOverValid");if(ze.eventCanceled)return z;if(a){yt=Et;p();this._hideClone();m("revert");if(!ze.eventCanceled){if(St){Et.insertBefore(_t,St)}else{Et.appendChild(_t)}}return b(true)}let o=Z(e,n.draggable);if(!o||we(t,f,this)&&!o.animated){if(o===_t){return b(false)}if(o&&e===t.target){s=o}if(s){r=X(s)}if(pe(Et,e,_t,i,s,r,t,!!s)!==false){p();if(o&&o.nextSibling){e.insertBefore(_t,o.nextSibling)}else{e.appendChild(_t)}yt=e;g();return b(true)}}else if(o&&ve(t,f,this)){let a=V(e,0,n,true);if(a===_t){return b(false)}s=a;r=X(s);if(pe(Et,e,_t,i,s,r,t,false)!==false){p();e.insertBefore(_t,a);yt=e;g();return b(true)}}else if(s.parentNode===e){r=X(s);let a=0,o,h=_t.parentNode!==e,l=!oe(_t.animated&&_t.toRect||i,s.animated&&s.toRect||r,f),c=f?"top":"left",d=Y(s,"top","top")||Y(_t,"top","top"),u=d?d.scrollTop:void 0;if(Jt!==s){o=r[c];qt=false;Xt=!l&&n.invertSwap||h}a=xe(t,s,r,f,l?1:n.swapThreshold,n.invertedSwapThreshold==null?n.swapThreshold:n.invertedSwapThreshold,Xt,Jt===s);let z;if(a!==0){let t=Q(_t);do{t-=a;z=yt.children[t]}while(z&&(B(z,"display")==="none"||z===kt))}if(a===0||z===s){return b(false)}Jt=s;Kt=a;let m=s.nextElementSibling,v=false;v=a===1;let w=pe(Et,e,_t,i,s,r,t,v);if(w!==false){if(w===1||w===-1){v=w===1}Qt=true;setTimeout(ge,30);p();if(v&&!m){e.appendChild(_t)}else{s.parentNode.insertBefore(_t,v?m:s)}if(d){ht(d,0,u-d.scrollTop)}yt=_t.parentNode;if(o!==undefined&&!Xt){Yt=Math.abs(o-X(s)[c])}g();return b(true)}}if(e.contains(_t)){return b(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function(){L(document,"mousemove",this._onTouchMove);L(document,"touchmove",this._onTouchMove);L(document,"pointermove",this._onTouchMove);L(document,"dragover",fe);L(document,"mousemove",fe);L(document,"touchmove",fe)},_offUpEvents:function(){let t=this.el.ownerDocument;L(t,"mouseup",this._onDrop);L(t,"touchend",this._onDrop);L(t,"pointerup",this._onDrop);L(t,"touchcancel",this._onDrop);L(document,"selectstart",this)},_onDrop:function(t){let e=this.el,s=this.options;Dt=Q(_t);Mt=Q(_t,s.draggable);wt("drop",this,{evt:t});yt=_t&&_t.parentNode;Dt=Q(_t);Mt=Q(_t,s.draggable);if(ze.eventCanceled){this._nulling();return}jt=false;Xt=false;qt=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);Se(this.cloneId);Se(this._dragStartId);if(this.nativeDraggable){L(document,"drop",this);L(e,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(W){B(document.body,"user-select","")}B(_t,"transform","");if(t){if(Bt){t.cancelable&&t.preventDefault();!s.dropBubble&&t.stopPropagation()}kt&&kt.parentNode&&kt.parentNode.removeChild(kt);if(Et===yt||Nt&&Nt.lastPutMode!=="clone"){It&&It.parentNode&&It.parentNode.removeChild(It)}if(_t){if(this.nativeDraggable){L(_t,"dragend",this)}be(_t);_t.style["will-change"]="";if(Bt&&!jt){U(_t,Nt?Nt.options.ghostClass:this.options.ghostClass,false)}U(_t,this.options.chosenClass,false);xt({sortable:this,name:"unchoose",toEl:yt,newIndex:null,newDraggableIndex:null,originalEvent:t});if(Et!==yt){if(Dt>=0){xt({rootEl:yt,name:"add",toEl:yt,fromEl:Et,originalEvent:t});xt({sortable:this,name:"remove",toEl:yt,originalEvent:t});xt({rootEl:yt,name:"sort",toEl:yt,fromEl:Et,originalEvent:t});xt({sortable:this,name:"sort",toEl:yt,originalEvent:t})}Nt&&Nt.save()}else{if(Dt!==At){if(Dt>=0){xt({sortable:this,name:"update",toEl:yt,originalEvent:t});xt({sortable:this,name:"sort",toEl:yt,originalEvent:t})}}}if(ze.active){if(Dt==null||Dt===-1){Dt=At;Mt=Tt}xt({sortable:this,name:"end",toEl:yt,originalEvent:t});this.save()}}}this._nulling()},_nulling:function(){wt("nulling",this);Et=_t=yt=kt=St=It=Ct=Ot=Lt=Pt=Bt=Dt=Mt=At=Tt=Jt=Kt=Nt=Wt=ze.dragged=ze.ghost=ze.clone=ze.active=null;te.forEach((function(t){t.checked=true}));te.length=Ht=Gt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":if(_t){this._onDragOver(t);me(t)}break;case"selectstart":t.preventDefault();break}},toArray:function(){let t=[],e,s=this.el.children,i=0,r=s.length,a=this.options;for(;i<r;i++){e=s[i];if(G(e,a.draggable,this.el,false)){t.push(e.getAttribute(a.dataIdAttr)||ye(e))}}return t},sort:function(t,e){let s={},i=this.el;this.toArray().forEach((function(t,e){let r=i.children[e];if(G(r,this.options.draggable,i,false)){s[t]=r}}),this);e&&this.captureAnimationState();t.forEach((function(t){if(s[t]){i.removeChild(s[t]);i.appendChild(s[t])}}));e&&this.animateAll()},save:function(){let t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return G(t,e||this.options.draggable,this.el,false)},option:function(t,e){let s=this.options;if(e===void 0){return s[t]}else{let i=gt.modifyOption(this,t,e);if(typeof i!=="undefined"){s[t]=i}else{s[t]=e}if(t==="group"){le(s)}}},destroy:function(){wt("destroy",this);let t=this.el;t[ft]=null;L(t,"mousedown",this._onTapStart);L(t,"touchstart",this._onTapStart);L(t,"pointerdown",this._onTapStart);if(this.nativeDraggable){L(t,"dragover",this);L(t,"dragenter",this)}Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();Ft.splice(Ft.indexOf(this.el),1);this.el=t=null},_hideClone:function(){if(!Ot){wt("hideClone",this);if(ze.eventCanceled)return;B(It,"display","none");if(this.options.removeCloneOnHide&&It.parentNode){It.parentNode.removeChild(It)}Ot=true}},_showClone:function(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(Ot){wt("showClone",this);if(ze.eventCanceled)return;if(_t.parentNode==Et&&!this.options.group.revertClone){Et.insertBefore(It,_t)}else if(St){Et.insertBefore(It,St)}else{Et.appendChild(It)}if(this.options.group.revertClone){this.animate(_t,It)}B(It,"display","");Ot=false}}};function me(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function pe(t,e,s,i,r,a,n,o){let h,l=t[ft],c=l.options.onMove,d;if(window.CustomEvent&&!D&&!T){h=new CustomEvent("move",{bubbles:true,cancelable:true})}else{h=document.createEvent("Event");h.initEvent("move",true,true)}h.to=e;h.from=t;h.dragged=s;h.draggedRect=i;h.related=r||e;h.relatedRect=a||X(e);h.willInsertAfter=o;h.originalEvent=n;t.dispatchEvent(h);if(c){d=c.call(l,h,n)}return d}function be(t){t.draggable=false}function ge(){Qt=false}function ve(t,e,s){let i=X(V(s.el,0,s.options,true));const r=10;return e?t.clientX<i.left-r||t.clientY<i.top&&t.clientX<i.right:t.clientY<i.top-r||t.clientY<i.bottom&&t.clientX<i.left}function we(t,e,s){let i=X(Z(s.el,s.options.draggable));const r=10;return e?t.clientX>i.right+r||t.clientX<=i.right&&t.clientY>i.bottom&&t.clientX>=i.left:t.clientX>i.right&&t.clientY>i.top||t.clientX<=i.right&&t.clientY>i.bottom+r}function xe(t,e,s,i,r,a,n,o){let h=i?t.clientY:t.clientX,l=i?s.height:s.width,c=i?s.top:s.left,d=i?s.bottom:s.right,f=false;if(!n){if(o&&Yt<l*r){if(!qt&&(Kt===1?h>c+l*a/2:h<d-l*a/2)){qt=true}if(!qt){if(Kt===1?h<c+Yt:h>d-Yt){return-Kt}}else{f=true}}else{if(h>c+l*(1-r)/2&&h<d-l*(1-r)/2){return _e(e)}}}f=f||n;if(f){if(h<c+l*a/2||h>d-l*a/2){return h>c+l/2?1:-1}}return 0}function _e(t){if(Q(_t)<Q(t)){return 1}else{return-1}}function ye(t){let e=t.tagName+t.className+t.src+t.href+t.textContent,s=e.length,i=0;while(s--){i+=e.charCodeAt(s)}return i.toString(36)}function ke(t){te.length=0;let e=t.getElementsByTagName("input");let s=e.length;while(s--){let t=e[s];t.checked&&te.push(t)}}function Ee(t){return setTimeout(t,0)}function Se(t){return clearTimeout(t)}if(ee){F(document,"touchmove",(function(t){if((ze.active||jt)&&t.cancelable){t.preventDefault()}}))}ze.utils={on:F,off:L,css:B,find:K,is:function(t,e){return!!G(t,e,t,false)},extend:it,throttle:nt,closest:G,toggleClass:U,clone:lt,index:Q,nextTick:Ee,cancelNextTick:Se,detectDirection:ne,getChild:V};ze.get=function(t){return t[ft]};ze.mount=function(...t){if(t[0].constructor===Array)t=t[0];t.forEach((t=>{if(!t.prototype||!t.prototype.constructor){throw`Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(t)}`}if(t.utils)ze.utils={...ze.utils,...t.utils};gt.mount(t)}))};ze.create=function(t,e){return new ze(t,e)};ze.version=O;let Ce=[],Ie,Oe,Ae=false,De,Te,Me,We;function Ne(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted({originalEvent:t}){if(this.sortable.nativeDraggable){F(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){F(document,"pointermove",this._handleFallbackAutoScroll)}else if(t.touches){F(document,"touchmove",this._handleFallbackAutoScroll)}else{F(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted({originalEvent:t}){if(!this.options.dragOverBubble&&!t.rootEl){this._handleAutoScroll(t)}},drop(){if(this.sortable.nativeDraggable){L(document,"dragover",this._handleAutoScroll)}else{L(document,"pointermove",this._handleFallbackAutoScroll);L(document,"touchmove",this._handleFallbackAutoScroll);L(document,"mousemove",this._handleFallbackAutoScroll)}$e();je();ot()},nulling(){Me=Oe=Ie=Ae=We=De=Te=null;Ce.length=0},_handleFallbackAutoScroll(t){this._handleAutoScroll(t,true)},_handleAutoScroll(t,e){const s=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(s,i);Me=t;if(e||this.options.forceAutoScrollFallback||T||D||W){Fe(t,this.options,r,e);let a=st(r,true);if(Ae&&(!We||s!==De||i!==Te)){We&&$e();We=setInterval((()=>{let r=st(document.elementFromPoint(s,i),true);if(r!==a){a=r;je()}Fe(t,this.options,r,e)}),10);De=s;Te=i}}else{if(!this.options.bubbleScroll||st(r,true)===q()){je();return}Fe(t,this.options,st(r,false),false)}}};return I(t,{pluginName:"scroll",initializeByDefault:true})}function je(){Ce.forEach((function(t){clearInterval(t.pid)}));Ce=[]}function $e(){clearInterval(We)}const Fe=nt((function(t,e,s,i){if(!e.scroll)return;const r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,n=e.scrollSensitivity,o=e.scrollSpeed,h=q();let l=false,c;if(Oe!==s){Oe=s;je();Ie=e.scroll;c=e.scrollFn;if(Ie===true){Ie=st(s,true)}}let d=0;let f=Ie;do{let e=f,s=X(e),u=s.top,z=s.bottom,m=s.left,p=s.right,b=s.width,g=s.height,v,w,x=e.scrollWidth,_=e.scrollHeight,y=B(e),k=e.scrollLeft,E=e.scrollTop;if(e===h){v=b<x&&(y.overflowX==="auto"||y.overflowX==="scroll"||y.overflowX==="visible");w=g<_&&(y.overflowY==="auto"||y.overflowY==="scroll"||y.overflowY==="visible")}else{v=b<x&&(y.overflowX==="auto"||y.overflowX==="scroll");w=g<_&&(y.overflowY==="auto"||y.overflowY==="scroll")}let S=v&&(Math.abs(p-r)<=n&&k+b<x)-(Math.abs(m-r)<=n&&!!k);let C=w&&(Math.abs(z-a)<=n&&E+g<_)-(Math.abs(u-a)<=n&&!!E);if(!Ce[d]){for(let t=0;t<=d;t++){if(!Ce[t]){Ce[t]={}}}}if(Ce[d].vx!=S||Ce[d].vy!=C||Ce[d].el!==e){Ce[d].el=e;Ce[d].vx=S;Ce[d].vy=C;clearInterval(Ce[d].pid);if(S!=0||C!=0){l=true;Ce[d].pid=setInterval(function(){if(i&&this.layer===0){ze.active._onTouchMove(Me)}let e=Ce[this.layer].vy?Ce[this.layer].vy*o:0;let s=Ce[this.layer].vx?Ce[this.layer].vx*o:0;if(typeof c==="function"){if(c.call(ze.dragged.parentNode[ft],s,e,t,Me,Ce[this.layer].el)!=="continue"){return}}ht(Ce[this.layer].el,s,e)}.bind({layer:d}),24)}}d++}while(e.bubbleScroll&&f!==h&&(f=st(f,false)));Ae=l}),30);const Le=function({originalEvent:t,putSortable:e,dragEl:s,activeSortable:i,dispatchSortableEvent:r,hideGhostForTarget:a,unhideGhostForTarget:n}){if(!t)return;let o=e||i;a();let h=t.changedTouches&&t.changedTouches.length?t.changedTouches[0]:t;let l=document.elementFromPoint(h.clientX,h.clientY);n();if(o&&!o.el.contains(l)){r("spill");this.onSpill({dragEl:s,putSortable:e})}};function Pe(){}Pe.prototype={startIndex:null,dragStart({oldDraggableIndex:t}){this.startIndex=t},onSpill({dragEl:t,putSortable:e}){this.sortable.captureAnimationState();if(e){e.captureAnimationState()}let s=V(this.sortable.el,this.startIndex,this.options);if(s){this.sortable.el.insertBefore(t,s)}else{this.sortable.el.appendChild(t)}this.sortable.animateAll();if(e){e.animateAll()}},drop:Le};I(Pe,{pluginName:"revertOnSpill"});function He(){}He.prototype={onSpill({dragEl:t,putSortable:e}){const s=e||this.sortable;s.captureAnimationState();t.parentNode&&t.parentNode.removeChild(t);s.animateAll()},drop:Le};I(He,{pluginName:"removeOnSpill"});let Ge;function Re(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}t.prototype={dragStart({dragEl:t}){Ge=t},dragOverValid({completed:t,target:e,onMove:s,activeSortable:i,changed:r,cancel:a}){if(!i.options.swap)return;let n=this.sortable.el,o=this.options;if(e&&e!==n){let t=Ge;if(s(e)!==false){U(e,o.swapClass,true);Ge=e}else{Ge=null}if(t&&t!==Ge){U(t,o.swapClass,false)}}r();t(true);a()},drop({activeSortable:t,putSortable:e,dragEl:s}){let i=e||this.sortable;let r=this.options;Ge&&U(Ge,r.swapClass,false);if(Ge&&(r.swap||e&&e.options.swap)){if(s!==Ge){i.captureAnimationState();if(i!==t)t.captureAnimationState();Ue(s,Ge);i.animateAll();if(i!==t)t.animateAll()}}},nulling(){Ge=null}};return I(t,{pluginName:"swap",eventProperties(){return{swapItem:Ge}}})}function Ue(t,e){let s=t.parentNode,i=e.parentNode,r,a;if(!s||!i||s.isEqualNode(e)||i.isEqualNode(t))return;r=Q(t);a=Q(e);if(s.isEqualNode(i)&&r<a){a++}s.insertBefore(e,s.children[r]);i.insertBefore(t,i.children[a])}let Be=[],Je=[],Ke,qe,Xe=false,Ye=false,Ve=false,Ze,Qe,ts;function es(){function t(t){for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}if(!t.options.avoidImplicitDeselect){if(t.options.supportPointer){F(document,"pointerup",this._deselectMultiDrag)}else{F(document,"mouseup",this._deselectMultiDrag);F(document,"touchend",this._deselectMultiDrag)}}F(document,"keydown",this._checkKeyDown);F(document,"keyup",this._checkKeyUp);this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:false,setData(e,s){let i="";if(Be.length&&qe===t){Be.forEach(((t,e)=>{i+=(!e?"":", ")+t.textContent}))}else{i=s.textContent}e.setData("Text",i)}}}t.prototype={multiDragKeyDown:false,isMultiDrag:false,delayStartGlobal({dragEl:t}){Ze=t},delayEnded(){this.isMultiDrag=~Be.indexOf(Ze)},setupClone({sortable:t,cancel:e}){if(!this.isMultiDrag)return;for(let t=0;t<Be.length;t++){Je.push(lt(Be[t]));Je[t].sortableIndex=Be[t].sortableIndex;Je[t].draggable=false;Je[t].style["will-change"]="";U(Je[t],this.options.selectedClass,false);Be[t]===Ze&&U(Je[t],this.options.chosenClass,false)}t._hideClone();e()},clone({sortable:t,rootEl:e,dispatchSortableEvent:s,cancel:i}){if(!this.isMultiDrag)return;if(!this.options.removeCloneOnHide){if(Be.length&&qe===t){is(true,e);s("clone");i()}}},showClone({cloneNowShown:t,rootEl:e,cancel:s}){if(!this.isMultiDrag)return;is(false,e);Je.forEach((t=>{B(t,"display","")}));t();ts=false;s()},hideClone({sortable:t,cloneNowHidden:e,cancel:s}){if(!this.isMultiDrag)return;Je.forEach((t=>{B(t,"display","none");if(this.options.removeCloneOnHide&&t.parentNode){t.parentNode.removeChild(t)}}));e();ts=true;s()},dragStartGlobal({sortable:t}){if(!this.isMultiDrag&&qe){qe.multiDrag._deselectMultiDrag()}Be.forEach((t=>{t.sortableIndex=Q(t)}));Be=Be.sort((function(t,e){return t.sortableIndex-e.sortableIndex}));Ve=true},dragStarted({sortable:t}){if(!this.isMultiDrag)return;if(this.options.sort){t.captureAnimationState();if(this.options.animation){Be.forEach((t=>{if(t===Ze)return;B(t,"position","absolute")}));let t=X(Ze,false,true,true);Be.forEach((e=>{if(e===Ze)return;ct(e,t)}));Ye=true;Xe=true}}t.animateAll((()=>{Ye=false;Xe=false;if(this.options.animation){Be.forEach((t=>{dt(t)}))}if(this.options.sort){rs()}}))},dragOver({target:t,completed:e,cancel:s}){if(Ye&&~Be.indexOf(t)){e(false);s()}},revert({fromSortable:t,rootEl:e,sortable:s,dragRect:i}){if(Be.length>1){Be.forEach((e=>{s.addAnimationState({target:e,rect:Ye?X(e):i});dt(e);e.fromRect=i;t.removeAnimationState(e)}));Ye=false;ss(!this.options.removeCloneOnHide,e)}},dragOverCompleted({sortable:t,isOwner:e,insertion:s,activeSortable:i,parentEl:r,putSortable:a}){let n=this.options;if(s){if(e){i._hideClone()}Xe=false;if(n.animation&&Be.length>1&&(Ye||!e&&!i.options.sort&&!a)){let t=X(Ze,false,true,true);Be.forEach((e=>{if(e===Ze)return;ct(e,t);r.appendChild(e)}));Ye=true}if(!e){if(!Ye){rs()}if(Be.length>1){let e=ts;i._showClone(t);if(i.options.animation&&!ts&&e){Je.forEach((t=>{i.addAnimationState({target:t,rect:Qe});t.fromRect=Qe;t.thisAnimationDuration=null}))}}else{i._showClone(t)}}}},dragOverAnimationCapture({dragRect:t,isOwner:e,activeSortable:s}){Be.forEach((t=>{t.thisAnimationDuration=null}));if(s.options.animation&&!e&&s.multiDrag.isMultiDrag){Qe=I({},t);let e=J(Ze,true);Qe.top-=e.f;Qe.left-=e.e}},dragOverAnimationComplete(){if(Ye){Ye=false;rs()}},drop({originalEvent:t,rootEl:e,parentEl:s,sortable:i,dispatchSortableEvent:r,oldIndex:a,putSortable:n}){let o=n||this.sortable;if(!t)return;let h=this.options,l=s.children;if(!Ve){if(h.multiDragKey&&!this.multiDragKeyDown){this._deselectMultiDrag()}U(Ze,h.selectedClass,!~Be.indexOf(Ze));if(!~Be.indexOf(Ze)){Be.push(Ze);vt({sortable:i,rootEl:e,name:"select",targetEl:Ze,originalEvent:t});if(t.shiftKey&&Ke&&i.el.contains(Ke)){let s=Q(Ke),r=Q(Ze);if(~s&&~r&&s!==r){let a,n;if(r>s){n=s;a=r}else{n=r;a=s+1}for(;n<a;n++){if(~Be.indexOf(l[n]))continue;U(l[n],h.selectedClass,true);Be.push(l[n]);vt({sortable:i,rootEl:e,name:"select",targetEl:l[n],originalEvent:t})}}}else{Ke=Ze}qe=o}else{Be.splice(Be.indexOf(Ze),1);Ke=null;vt({sortable:i,rootEl:e,name:"deselect",targetEl:Ze,originalEvent:t})}}if(Ve&&this.isMultiDrag){Ye=false;if((s[ft].options.sort||s!==e)&&Be.length>1){let t=X(Ze),e=Q(Ze,":not(."+this.options.selectedClass+")");if(!Xe&&h.animation)Ze.thisAnimationDuration=null;o.captureAnimationState();if(!Xe){if(h.animation){Ze.fromRect=t;Be.forEach((e=>{e.thisAnimationDuration=null;if(e!==Ze){let s=Ye?X(e):t;e.fromRect=s;o.addAnimationState({target:e,rect:s})}}))}rs();Be.forEach((t=>{if(l[e]){s.insertBefore(t,l[e])}else{s.appendChild(t)}e++}));if(a===Q(Ze)){let t=false;Be.forEach((e=>{if(e.sortableIndex!==Q(e)){t=true;return}}));if(t){r("update")}}}Be.forEach((t=>{dt(t)}));o.animateAll()}qe=o}if(e===s||n&&n.lastPutMode!=="clone"){Je.forEach((t=>{t.parentNode&&t.parentNode.removeChild(t)}))}},nullingGlobal(){this.isMultiDrag=Ve=false;Je.length=0},destroyGlobal(){this._deselectMultiDrag();L(document,"pointerup",this._deselectMultiDrag);L(document,"mouseup",this._deselectMultiDrag);L(document,"touchend",this._deselectMultiDrag);L(document,"keydown",this._checkKeyDown);L(document,"keyup",this._checkKeyUp)},_deselectMultiDrag(t){if(typeof Ve!=="undefined"&&Ve)return;if(qe!==this.sortable)return;if(t&&G(t.target,this.options.draggable,this.sortable.el,false))return;if(t&&t.button!==0)return;while(Be.length){let e=Be[0];U(e,this.options.selectedClass,false);Be.shift();vt({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown(t){if(t.key===this.options.multiDragKey){this.multiDragKeyDown=true}},_checkKeyUp(t){if(t.key===this.options.multiDragKey){this.multiDragKeyDown=false}}};return I(t,{pluginName:"multiDrag",utils:{select(t){let e=t.parentNode[ft];if(!e||!e.options.multiDrag||~Be.indexOf(t))return;if(qe&&qe!==e){qe.multiDrag._deselectMultiDrag();qe=e}U(t,e.options.selectedClass,true);Be.push(t)},deselect(t){let e=t.parentNode[ft],s=Be.indexOf(t);if(!e||!e.options.multiDrag||!~s)return;U(t,e.options.selectedClass,false);Be.splice(s,1)}},eventProperties(){const t=[],e=[];Be.forEach((s=>{t.push({multiDragElement:s,index:s.sortableIndex});let i;if(Ye&&s!==Ze){i=-1}else if(Ye){i=Q(s,":not(."+this.options.selectedClass+")")}else{i=Q(s)}e.push({multiDragElement:s,index:i})}));return{items:[...Be],clones:[...Je],oldIndicies:t,newIndicies:e}},optionListeners:{multiDragKey(t){t=t.toLowerCase();if(t==="ctrl"){t="Control"}else if(t.length>1){t=t.charAt(0).toUpperCase()+t.substr(1)}return t}}})}function ss(t,e){Be.forEach(((s,i)=>{let r=e.children[s.sortableIndex+(t?Number(i):0)];if(r){e.insertBefore(s,r)}else{e.appendChild(s)}}))}function is(t,e){Je.forEach(((s,i)=>{let r=e.children[s.sortableIndex+(t?Number(i):0)];if(r){e.insertBefore(s,r)}else{e.appendChild(s)}}))}function rs(){Be.forEach((t=>{if(t===Ze)return;t.parentNode&&t.parentNode.removeChild(t)}))}ze.mount(new Ne);ze.mount(He,Pe);ze.mount(new Re);ze.mount(new es);const as='.sc-stzh-sortable-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-sortable-h{display:none}.sc-stzh-sortable-h *.sc-stzh-sortable,.sc-stzh-sortable-h *.sc-stzh-sortable::before,.sc-stzh-sortable-h *.sc-stzh-sortable::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-sortable-h{--cursor:grab;--grabbing-cursor:grabbing;--unselected-item-opacity:0.6;--ghost-item-background:var(--stzh-color-grey5);--ghost-item-box-shadow:inset 0px 0px 0.5rem rgba(0, 0, 0, 0.32)}[disabled].sc-stzh-sortable-h{--cursor:inherit}.sc-stzh-sortable-h[disabled] .sc-stzh-sortable-s *.is-sortable-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item{position:relative;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:var(--cursor)}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-chosen,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-selected{cursor:var(--grabbing-cursor)}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag{opacity:1 !important}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost{z-index:0}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost::after{z-index:99;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ghost-item-background);-webkit-box-shadow:var(--ghost-item-box-shadow);box-shadow:var(--ghost-item-box-shadow)}.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item{opacity:var(--unselected-item-opacity)}.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item.is-selected{opacity:1}.stzh-sortable__description.sc-stzh-sortable,.stzh-sortable__aria-live.sc-stzh-sortable{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}';const ns="is-sortable-item";const os="is-ghost";const hs="is-selected";const ls="is-chosen";const cs="is-drag";const ds="has-item-selected";let fs=0;const us=class{constructor(s){t(this,s);this.stzhUpdate=e(this,"stzhUpdate",7);this.stzhDisable=e(this,"stzhDisable",7);this.selectedItem=null;this.resetItemOnBlur=false;this.init=()=>{if(!this.getContainer()||this.disabled){return}this.setAttributes()};this.updated=async t=>{let e;let s;let i;if(t){e=t.newIndex;s=t.oldIndex;i=t.item}else{e=this.getIndexOfSelectedItem();s=this.lastIndex;i=this.selectedItem}if(e!==s){this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:i,newIndex:e,oldIndex:s})}};this.onKeydown=t=>{const e=t.currentTarget;const s=t.target;if(!this.getContainer()||this.disabled||e!==s){return}if(t.key===" "){t.preventDefault();if(!this.selectedItem){this.selectedItem=e;this.selectedItem.parentElement.classList.add(ds);this.selectedItem.classList.add(hs);this.lastIndex=this.getIndexOfSelectedItem();this.resetItemOnBlur=true;this.updateAriaLive(this.localization.started)}else{this.resetItemOnBlur=false;this.updateAriaLive(this.localization.dropped);this.updated();this.resetActiveItem()}}else if(t.key==="Tab"&&this.selectedItem&&this.selectedItem===t.currentTarget){t.preventDefault()}else if(t.key==="Escape"&&this.selectedItem){this.resetItemOnBlur=false;this.updateAriaLive(this.localization.canceled);this.resetActiveItem(true)}else if(t.key==="ArrowUp"){t.preventDefault();if(this.selectedItem){this.moveItem(this.selectedItem,"up")}else{this.focusItem(e.previousElementSibling)}}else if(t.key==="ArrowDown"){t.preventDefault();if(this.selectedItem){this.moveItem(this.selectedItem,"down")}else{this.focusItem(e.nextElementSibling)}}};this.onBlur=()=>{if(this.resetItemOnBlur){this.resetItemOnBlur=false;this.updateAriaLive(this.localization.dropped);this.updated();this.resetActiveItem()}};this.localization=undefined;this.disabled=false;this.dataIdAttribute="data-id";this.container=()=>{var t;return(t=this.containerElement)===null||t===void 0?void 0:t.firstElementChild};this.ghostClone=t=>{const[e]=u(t);return e};this.filterElements=["[data-stzh-sortable-filtered]","[sortable-disabled]","button","a[href]","input","select","textarea","label","iframe","details","area","stzh-sortable"]}async toArray(){return this.sortable.toArray()}async sort(t,e=true){return this.sortable.sort(t,e)}async moveItem(t,e){var s;if(!t||!t.nextElementSibling&&e==="down"||!t.previousElementSibling&&e==="up"){return}this.resetItemOnBlur=false;if(e==="up"){t.previousElementSibling.before(t)}else if(e==="down"){t.nextElementSibling.after(t)}this.updateAriaLive(this.localization.moved,t);this.focusItem(t);const i=Array.from((s=t.parentElement)===null||s===void 0?void 0:s.children).indexOf(t);this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:t,newIndex:i,oldIndex:i+(e==="up"?1:-1)});this.resetItemOnBlur=true}disabledWatcher(t){if(t){this.setAttributes()}else{this.unsetAttributes()}this.stzhDisable.emit({component:"stzh-sortable",disabled:t})}filterElementsWatcher(t){if(typeof t==="string"){this._filterElements=JSON.parse(t)}else{this._filterElements=t}}getContainer(){return typeof this.container==="function"?this.container():this.container}updateAriaLive(t,e=this.selectedItem){if(!this.getContainer()){return}if(e){const s=e.getAttribute("aria-label")||"";const i=this.getIndexOfSelectedItem(e);t=t.replace("{title}",s).replace("{current}",(i+1).toString())}const s=this.getContainer().children.length;t=t.replace(/\{total\}/gi,s.toString());this.ariaLiveElement.textContent=t}getIndexOfSelectedItem(t=this.selectedItem){if(t){return Array.from(t.parentElement.children).indexOf(t)}}resetActiveItem(t=false){if(!this.selectedItem){return}const e=this.getIndexOfSelectedItem();const s=this.selectedItem.parentElement;if(t&&this.lastIndex!==e){if(this.lastIndex>e){s.children[this.lastIndex].after(this.selectedItem)}else{s.children[this.lastIndex].before(this.selectedItem)}this.selectedItem.focus()}s.classList.remove(ds);this.selectedItem.classList.remove(hs);this.selectedItem=null;this.lastIndex=null}focusItem(t){if(!t){return}t.focus();const e=document.querySelector("stzh-flyingfocus");if(e){e.reposition()}C(t,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})}setAttributes(){Array.from(this.getContainer().children).forEach((t=>{t.classList.add(ns);t.addEventListener("blur",this.onBlur);t.addEventListener("keydown",this.onKeydown);t.setAttribute("tabindex","0");t.setAttribute("aria-describedby",`${this.sortableId}-description`)}))}unsetAttributes(){Array.from(this.getContainer().children).forEach((t=>{t.classList.remove(ns);t.removeEventListener("blur",this.onBlur);t.removeEventListener("keydown",this.onKeydown);t.removeAttribute("tabindex");t.removeAttribute("aria-describedby")}))}async componentWillLoad(){this.sortableId=`stzh-sortable-${fs++}`;this.filterElementsWatcher(this.filterElements);if(!this.localization){this.localization=await o(this.element,"sortable")}}componentWillUpdate(){if(this.sortable){this.sortable.destroy();this.sortable=null}}componentDidRender(){if(this.sortable){return}this.sortable=new ze(this.getContainer(),{animation:150,filter:this._filterElements.join(", "),ghostClass:os,chosenClass:ls,dragClass:cs,dataIdAttr:this.dataIdAttribute,preventOnFilter:false,forceFallback:true,delay:200,delayOnTouchOnly:true,disabled:this.disabled,ghostClone:this.ghostClone,onUpdate:this.updated})}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}this.unsetAttributes();if(this.sortable){this.sortable.destroy();this.sortable=null}}render(){const t={"stzh-sortable":true,"stzh-sortable--disabled":this.disabled};return s(i,null,s("div",{class:t},s("div",{id:`${this.sortableId}-description`,class:"stzh-sortable__description"},this.localization.description),s("div",{ref:t=>this.ariaLiveElement=t,"aria-live":"assertive",class:"stzh-sortable__aria-live"}),s("div",{ref:t=>this.containerElement=t,class:"stzh-sortable__container"},s("slot",null))))}get element(){return r(this)}static get watchers(){return{disabled:["disabledWatcher"],filterElements:["filterElementsWatcher"]}}};us.style=as;export{m as stzh_actionset,b as stzh_card,v as stzh_card_list,us as stzh_sortable};
+//# sourceMappingURL=p-dd137812.entry.js.map