@oiz/stzh-components 4.6.0-beta3 → 4.6.0

package/dist/cjs/stzh-contact.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-870b4dee.js');
 const utils = require('./utils-0ce5df06.js');
 require('./string-utils-45f764ac.js');
 
-const stzhContactCss = ".sc-stzh-contact-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h,[stzh-hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}.sc-stzh-contact-h{--grid-template-areas:var(\n    --stzh-contact-grid-template-areas,\n    \"heading heading heading heading\" \"image image image image\"\n      \"responsibility responsibility responsibility responsibility\"\n      \"contactForm contactForm contactForm contactForm\" \"info info info info\"\n      \"availability availability availability availability\"\n      \"additional additional additional additional\"\n  );--grid-template-columns:var(\n    --stzh-contact-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){.sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info availability availability availability availability\"\n        \"additional additional additional additional additional additional additional additional\"\n    );--grid-template-columns:var(\n      --stzh-contact-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media print{.sc-stzh-contact-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h.sc-stzh-contact-s>[slot=image],.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 900px){[has-availability=false].sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info info info info info\"\n        \"additional additional additional additional additional additional additional additional\"\n    )}}.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);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 900px){.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)}}@media screen and (min-width: 600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-contact__main-heading.sc-stzh-contact{grid-area:heading}.stzh-contact__main-heading.sc-stzh-contact-s>[slot=main-heading],.stzh-contact__main-heading .sc-stzh-contact-s>[slot=main-heading]{display:none}.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-large);padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge);padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-text.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__image-wrapper.sc-stzh-contact{grid-area:image;background-color:var(--stzh-color-secondary20)}.stzh-contact__role.sc-stzh-contact,.stzh-contact__departament.sc-stzh-contact{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);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-contact__image.sc-stzh-contact{position:relative}.stzh-contact__info.sc-stzh-contact{grid-area:info}.stzh-contact__responsibility.sc-stzh-contact{grid-area:responsibility}.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-contact__contact-form.sc-stzh-contact{grid-area:contactForm;gap:var(--stzh-space-medium);display:grid}@media screen and (min-width: 600px){.stzh-contact__contact-form.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__contact-form.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__contact-form.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__contact-form.sc-stzh-contact-s>*,.stzh-contact__contact-form .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__contact-form.sc-stzh-contact-s>*,.stzh-contact__contact-form .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact{grid-area:additional;gap:var(--stzh-space-medium);display:grid}@media screen and (min-width: 600px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__heading.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__name.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__emails.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__pobox.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__availability-title.sc-stzh-contact:not(:empty):not(:last-child){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__numbers.sc-stzh-contact{white-space:nowrap}.stzh-contact__number.sc-stzh-contact,.stzh-contact__email.sc-stzh-contact{display:flex;align-items:center;gap:var(--stzh-space-xxsmall)}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__departament.sc-stzh-contact,.stzh-contact__availability-title.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);margin:0px}@media screen and (min-width: 900px){.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__departament.sc-stzh-contact,.stzh-contact__availability-title.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__heading.sc-stzh-contact,.stzh-contact__name.is-heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-contact__availability.sc-stzh-contact{grid-area:availability;margin-top:var(--stzh-space-xlarge);gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{margin-top:0px}}.stzh-contact__availability-list.sc-stzh-contact,.stzh-contact__availability-hour-list.sc-stzh-contact{list-style:none;margin:0;padding:0}.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xsmall);display:grid}@media screen and (min-width: 600px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}.stzh-contact__availability-weekday.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: 900px){.stzh-contact__availability-weekday.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__availability-hours.sc-stzh-contact{display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall)}}.stzh-contact__availability-hours-separator.sc-stzh-contact{width:0.0625rem;background-color:currentColor;flex-shrink:0}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:4rem;height:4rem}@media screen and (min-width: 600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:5rem;height:5rem}}@media screen and (min-width: 900px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:6.25rem;height:6.25rem}}@media screen and (min-width: 1260px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:7.5rem;height:7.5rem}}@media screen and (min-width: 1600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:8.75rem;height:8.75rem}}.stzh-contact__image-wrapper.sc-stzh-contact{background-color:transparent}";
+const stzhContactCss = ".sc-stzh-contact-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h,[stzh-hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}.sc-stzh-contact-h{--grid-template-areas:var(\n    --stzh-contact-grid-template-areas,\n    \"heading heading heading heading\" \"image image image image\"\n      \"responsibility responsibility responsibility responsibility\"\n      \"contactForm contactForm contactForm contactForm\" \"info info info info\"\n      \"availability availability availability availability\"\n      \"additional additional additional additional\"\n  );--grid-template-columns:var(\n    --stzh-contact-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){.sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info availability availability availability availability\"\n        \"additional additional additional additional additional additional additional additional\"\n    );--grid-template-columns:var(\n      --stzh-contact-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media print{.sc-stzh-contact-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h.sc-stzh-contact-s>[slot=image],.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 900px){[has-availability=false].sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info info info info info\"\n        \"additional additional additional additional additional additional additional additional\"\n    )}}.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);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 900px){.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)}}@media screen and (min-width: 600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-contact__main-heading.sc-stzh-contact{grid-area:heading}.stzh-contact__main-heading.sc-stzh-contact-s>[slot=main-heading],.stzh-contact__main-heading .sc-stzh-contact-s>[slot=main-heading]{display:none}.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-large);padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge);padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-text.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__image-wrapper.sc-stzh-contact{grid-area:image;background-color:var(--stzh-color-secondary20)}.stzh-contact__role.sc-stzh-contact,.stzh-contact__departament.sc-stzh-contact{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);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-contact__image.sc-stzh-contact{position:relative}.stzh-contact__info.sc-stzh-contact{grid-area:info}.stzh-contact__responsibility.sc-stzh-contact{grid-area:responsibility}.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-contact__contact-form.sc-stzh-contact{grid-area:contactForm;gap:var(--stzh-space-medium);display:grid}@media screen and (min-width: 600px){.stzh-contact__contact-form.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__contact-form.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__contact-form.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__contact-form.sc-stzh-contact-s>*,.stzh-contact__contact-form .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__contact-form.sc-stzh-contact-s>*,.stzh-contact__contact-form .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact{grid-area:additional;gap:var(--stzh-space-medium);display:grid}@media screen and (min-width: 600px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__heading.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__name.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__pobox.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__availability-title.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__websites.sc-stzh-contact:not(:empty):not(:last-child){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__numbers.sc-stzh-contact{white-space:nowrap}.stzh-contact__number.sc-stzh-contact,.stzh-contact__email.sc-stzh-contact,.stzh-contact__website.sc-stzh-contact{display:flex;align-items:center;gap:var(--stzh-space-xxsmall)}.stzh-contact__website.sc-stzh-contact{display:flex;flex-direction:row;--stzh-datalist-item-vertical-wrapper-padding:0px}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__departament.sc-stzh-contact,.stzh-contact__availability-title.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);margin:0px}@media screen and (min-width: 900px){.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__departament.sc-stzh-contact,.stzh-contact__availability-title.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__heading.sc-stzh-contact,.stzh-contact__name.is-heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-contact__availability.sc-stzh-contact{grid-area:availability;margin-top:var(--stzh-space-xlarge);gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{margin-top:0px}}.stzh-contact__availability-list.sc-stzh-contact,.stzh-contact__availability-hour-list.sc-stzh-contact{list-style:none;margin:0;padding:0}.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xsmall);display:grid}@media screen and (min-width: 600px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}.stzh-contact__availability-weekday.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: 900px){.stzh-contact__availability-weekday.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__availability-hours.sc-stzh-contact{display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall)}}.stzh-contact__availability-hours-separator.sc-stzh-contact{width:0.0625rem;background-color:currentColor;flex-shrink:0}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:4rem;height:4rem}@media screen and (min-width: 600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:5rem;height:5rem}}@media screen and (min-width: 900px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:6.25rem;height:6.25rem}}@media screen and (min-width: 1260px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:7.5rem;height:7.5rem}}@media screen and (min-width: 1600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:8.75rem;height:8.75rem}}.stzh-contact__image-wrapper.sc-stzh-contact{background-color:transparent}";
 const StzhContactStyle0 = stzhContactCss;
 
 function formatTel(tel) {
@@ -19,6 +19,7 @@ const StzhContact = class {
         this._streetInfo = [];
         this._numbers = [];
         this._emails = [];
+        this._websites = [];
         this._availability = [];
         this.type = "Organization";
         this.mainHeading = undefined;
@@ -38,6 +39,7 @@ const StzhContact = class {
         this.location = undefined;
         this.numbers = [];
         this.emails = [];
+        this.websites = [];
         this.pobox = undefined;
         this.poboxHeading = undefined;
         this.poboxTitle = undefined;
@@ -83,6 +85,19 @@ const StzhContact = class {
             this._emails = newValue;
         }
     }
+    websitesWatcher(newValue) {
+        if (typeof newValue === "string") {
+            try {
+                this._websites = JSON.parse(newValue);
+            }
+            catch (jsonParseException) {
+                // Nothing to do here, just catching to prevent component from dying.
+            }
+        }
+        else {
+            this._websites = newValue;
+        }
+    }
     streetWatcher(newValue) {
         if (typeof newValue === "string") {
             try {
@@ -115,6 +130,7 @@ const StzhContact = class {
         this.availabilityWatcher(this.availability);
         this.streetWatcher(this.street);
         this.streetInfoWatcher(this.streetInfo);
+        this.websitesWatcher(this.websites);
     }
     render() {
         const hasImage = utils.hasSlot(this.element, "image");
@@ -132,13 +148,15 @@ const StzhContact = class {
         const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;
         const isPerson = this.type === "Person";
         const isOrganization = this.type === "Organization";
-        return (index.h(index.Host, { key: 'fb4338d1553980ef47095cd9362ccd386e845c9d', "has-availability": !!this.availability ? "true" : "false" }, index.h("div", { key: 'b44eb36ed1b5951b654569066ad0548bc4fe8daa', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, index.h("div", { key: '01b3f402c57a61262124525f8fd1add368bd428e', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, index.h("div", { key: '0c89b5899c33651389fcb6989ac1a0b82d49350f', class: "stzh-contact__main-heading-section" }, this.mainHeading ? (index.h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })) : (index.h("slot", { name: "main-heading" }))), index.h("div", { key: '087dcaa78482ee4bea2d60348aef7fee244fc97f', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (index.h("stzh-heading", { key: '9f747a504f339c5367134bae19fb791a81b658b9', curve: "h3", level: "3" }, index.h("span", { key: 'e50ca2fd44dbfb7fd65f6cf2e91298d46c9f2793', class: "stzh-contact__role" }, this.personRole))), this.cityLabel && isOrganization && (index.h("stzh-heading", { key: 'b542cfb7572aea4b52fdfb46f5285a06095cbb4c', curve: "h3", level: "3" }, index.h("span", { key: '59bfe9469c6dbfb806fc904135db18ecd2ad5dd4', class: "stzh-contact__departament" }, this.cityLabel))), this.departament && isOrganization && (index.h("stzh-heading", { key: '8662c4d60126999c12bc878d71e05ca647ef8aae', curve: "h3", level: "3" }, index.h("span", { key: '19633ffc0a5cabd2a9996fa67f740ed520fe1468', class: "stzh-contact__departament" }, this.departament))), ((isPerson && this.name) || (isOrganization && this.heading)) && (index.h("div", { key: 'fd3d474b253615ec36efe1c024b639982e72b313', class: "stzh-contact__main-heading-type" }, this.name && isPerson && index.h("stzh-heading", { key: '4d41e59efa772cf739b8e707371b478e48b1eeee', level: "3", curve: "h3", htmlContent: this.name }), this.heading && isOrganization && (index.h("stzh-heading", { key: 'f327bdbb8333b06e4ad66effdd2625a0cddd6c2c', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (index.h("div", { key: '96d72f75845c2395257c03515eeacf9b6e4e3973', class: "stzh-contact__image-wrapper" }, index.h("div", { key: '8c24315f178d3db7b2bdbfdd9014b0c7e886cbb3', class: "stzh-contact__image" }, index.h("slot", { key: '03a7c2f48a0be7922b13b3dd98195940a023f3dd', name: "image" }))))), index.h("div", { key: '88e668d3872430515e57a9896839767d68a3f70c', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (index.h(HeadingLevel, { key: 'e2d414a2ecd31e910b448adaf07181f7b02a0828', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (index.h("stzh-text", { key: '8e474a954a16e536ebc1b443fa207da9961b7193', class: "stzh-contact__responsibility-text" }, this.responsibility))), index.h("div", { key: 'b721d2011a5e1e4a78a1412d48bc964e3c19db6e', class: "stzh-contact__contact-form" }, index.h("slot", { key: 'bca3498091265309372e05490d161cc382c3f618', name: "contact-form" })), index.h("div", { key: '6990b6d6deca83012c38a4324857566ecadffadc', class: "stzh-contact__additional" }, index.h("slot", { key: '2a1264257f0fb4b045b7272ee37101867ee0e6c6' })), index.h("div", { key: '54c72ab58a6adfcc3c8c68981cffaedb58be6887', class: "stzh-contact__info" }, this.contactTitle && (index.h(AvailabilityTitleElement, { key: '5986fd5fb95bdc99b02d7e62150574ef76a76c6a', class: "stzh-contact__availability-title" }, this.contactTitle)), index.h("div", { key: '03de39449a86df37b2689c21f2655d4dad2c9d15', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (index.h(index.Fragment, { key: 'ec5a3c42af6e485ac7c88ed3d533dc7c34415409' }, this._street.length > 0 && (index.h("div", { key: '16e35f3fd6ae2298811486a20125086689328802', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (index.h(index.Fragment, null, street, index.h("br", null)))), this._streetInfo.length > 0 && (index.h(index.Fragment, { key: 'e62850b61633cfc3e7aa799a4e7248080b575656' }, index.h("br", { key: 'e69d704cd61d43355034b24df570da5ecb927a52' }), " ", this._streetInfo.map((streetInfo) => (index.h(index.Fragment, null, streetInfo, index.h("br", null)))))))), this.postalCode && (index.h("span", { key: '1213a75879611860e30e1a07fa8c48f12d182d0c', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (index.h("span", { key: '0e8cd89b885f58784674cad60676edb911027d98', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), index.h("slot", { key: '196ca1e1899f4554258df2630c5b25603c232c4e', name: "address" })))), this._numbers.length > 0 && (index.h("div", { key: '1431850c89af7831b687a2915d12018406c102ad', class: "stzh-contact__numbers" }, this._numbers.map(number => (index.h("div", { class: "stzh-contact__number" }, index.h("span", null, number.label, "\u00A0"), index.h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === "fax" ? "faxNumber" : "telephone" }, number.number)))))), this._emails.length > 0 && (index.h("div", { key: '9a3cd8f4553bd1524d2f4cb5d3a577d739cb6907', class: "stzh-contact__emails" }, this._emails.map(email => (index.h("div", { class: "stzh-contact__email" }, index.h("span", null, email.label, "\u00A0"), email.href ? (index.h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (index.h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), index.h("div", { key: '2a726a579a2d0eb9c18da2e056ebde3f1260d88d', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (index.h(index.Fragment, { key: '2353100c0a1dc26ac13d2e1d4023441ae8d019c4' }, this.poboxHeading && index.h("div", { key: '91f6a737c336d0c744cf14595ed2ddf6f009ad6c', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && index.h("div", { key: 'cb01067f6ade01368b0605723a3de842b500106a', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (index.h("span", { key: '6921695603c68398090d326d8d5e42d7b910e037', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && index.h("span", { key: '8ba615f4baa57f6ef2389a0dba63094c26e2abcc', class: "stzh-contact__pobox-locality" }, this.poboxLocation), index.h("slot", { key: 'ef80e8c3759b94620480977214f1c3355eddf5f9', name: "pobox" })))), index.h("div", { key: '4f0f803ca3d6f8138c9dca9f5fda0bfda228eb3e', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (index.h("div", { key: '1286352e54bc2f51f1de698c7bb8618dd65dac95', class: "stzh-contact__availability" }, this.availabilityTitle && (index.h(AvailabilityTitleElement, { key: 'ecff31f04abc4022bc2a31b7a6faf13c94c33aab', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (index.h("ul", { key: '67436f1266f076d4aa959b7756ec28db9903b1ce', class: "stzh-contact__availability-list" }, this._availability.map(item => (index.h("li", { class: "stzh-contact__availability-list-item" }, index.h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (index.h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index$1) => (index.h(index.Fragment, null, index.h("div", { class: "stzh-contact__availability-hour" }, hour), index$1 < item.hours.length - 1 && (index.h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
+        const hasMainHeading = !!this.mainHeading || utils.hasSlot(this.element, "main-heading");
+        return (index.h(index.Host, { key: '57322ee1d520a29beb3784d296128aeea4832f97', "has-availability": !!this.availability ? "true" : "false" }, index.h("div", { key: '004916525b0d7e05475fc7edcaad55202a826eee', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, index.h("div", { key: '24fc23fe4a718336e86f3b3dc5b797abd46fdfab', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, hasMainHeading && (index.h("div", { key: 'ce61a6e2dfe164639223d73aa202bcf0a7f0179b', class: "stzh-contact__main-heading-section" }, this.mainHeading ? (index.h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })) : (index.h("slot", { name: "main-heading" })))), index.h("div", { key: '5f6711d8d0f79e53fbf94bc6d9a0f663cceeafab', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (index.h("stzh-heading", { key: 'fbec847a727b9afb6c81c766c07977ee28922f95', curve: "h3", level: "3" }, index.h("span", { key: 'beeb28282171bd875dcedb302b53e0c9f8d1ba57', class: "stzh-contact__role" }, this.personRole))), this.cityLabel && isOrganization && (index.h("stzh-heading", { key: '8c02187bba4a0ec9ab26c48085cf8974e82135a6', curve: "h3", level: "3" }, index.h("span", { key: '8fd1e8a6bfbd7c281f766303aa90bc2ac38b8fea', class: "stzh-contact__departament" }, this.cityLabel))), this.departament && isOrganization && (index.h("stzh-heading", { key: 'b5aaf3730e77fef668c8a3e266809580902fd9c8', curve: "h3", level: "3" }, index.h("span", { key: 'ee9bf0a9151b6c223f0d9ace065f15090d97c291', class: "stzh-contact__departament" }, this.departament))), ((isPerson && this.name) || (isOrganization && this.heading)) && (index.h("div", { key: '0296c7fa17c812e743667ca1581d07d1cc27a0ab', class: "stzh-contact__main-heading-type" }, this.name && isPerson && index.h("stzh-heading", { key: '29cabfad18473fc9a2f145e5c192eace2406283f', level: "3", curve: "h3", htmlContent: this.name }), this.heading && isOrganization && (index.h("stzh-heading", { key: 'efbc7d16bed4106feae2d755a07fa5edb0147de9', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (index.h("div", { key: '4924a75746ce16ae02cbb76dbbf7322c5a43defe', class: "stzh-contact__image-wrapper" }, index.h("div", { key: 'f5d1f546e94832eb8dca7a7c13f32d0536354ef4', class: "stzh-contact__image" }, index.h("slot", { key: 'a8048d1393d2b86576d9abba15d13b1bfc3d619d', name: "image" }))))), index.h("div", { key: '336b8c2bb9cd4e27250cc42b96bc47d08da9f925', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (index.h(HeadingLevel, { key: '91ea38d3412e9aee95c1d001709fab35383fb65c', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (index.h("stzh-text", { key: 'ffc44b08670577587abe8977bac89ba30516ded1', class: "stzh-contact__responsibility-text" }, this.responsibility))), index.h("div", { key: 'eb5d6e313f891a80afb76215d5d0fbc4419b9f8c', class: "stzh-contact__contact-form" }, index.h("slot", { key: 'd3076448217fd80ffe164508cefe5bc64afb794a', name: "contact-form" })), index.h("div", { key: '8f3804eba63339c7fc00f1f945b0275e6e84e482', class: "stzh-contact__additional" }, index.h("slot", { key: '14227c31868989adf1c1553518deb05ca9ca7ca3' })), index.h("div", { key: '3915bba97fe2fac2e8dbddb2d98fcedea18d3196', class: "stzh-contact__info" }, this.contactTitle && (index.h(AvailabilityTitleElement, { key: '96fbbcce53f9c15f2e4b04f04dd77816f6b0e2fd', class: "stzh-contact__availability-title" }, this.contactTitle)), index.h("div", { key: 'b849b9a4ed53ad7e70a5f2afb4bf7075cec119ae', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (index.h(index.Fragment, { key: '1753f50f29cf7fbccc9f3fe022d525c2efb00dbb' }, this._street.length > 0 && (index.h("div", { key: '5012e45f997439a8a80251d6d44364cf0ee8257d', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (index.h(index.Fragment, null, street, index.h("br", null)))), this._streetInfo.length > 0 && (index.h(index.Fragment, { key: 'cef86f797b3ed6fd2f7d374fcae3a3f5d6e6301b' }, index.h("br", { key: 'a8d909a5758b27f3f6e4bf05f71e7c266f9f50b0' }), " ", this._streetInfo.map((streetInfo) => (index.h(index.Fragment, null, streetInfo, index.h("br", null)))))))), this.postalCode && (index.h("span", { key: 'e24ed881acc68d738cc4590a409fd3e1a309c88d', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (index.h("span", { key: 'ad98a76b251955bf59ec09bb762db77be0ae641b', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), index.h("slot", { key: '215adbee3dc1a4021cc31f63685f450299e67143', name: "address" })))), this._numbers.length > 0 && (index.h("div", { key: '3bacb2732ae0e81f18c73c0c09d565c5cc187330', class: "stzh-contact__numbers" }, this._numbers.map(number => (index.h("div", { class: "stzh-contact__number" }, index.h("span", null, number.label, "\u00A0"), index.h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === "fax" ? "faxNumber" : "telephone" }, number.number)))))), this._emails.length > 0 && (index.h("div", { key: 'aa62cae1a4aae0d2ba683754cbe9c6188ccf1f8a', class: "stzh-contact__emails" }, this._emails.map(email => (index.h("div", { class: "stzh-contact__email" }, index.h("span", null, email.label, "\u00A0"), email.href ? (index.h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (index.h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), this.websites && (index.h("div", { key: '7e73adcfe1bebc6c24922efd1f84b78ce892a9c3', class: "stzh-contact__websites" }, this._websites.map(website => (index.h("div", { class: "stzh-contact__website" }, index.h("span", null, website.label, "\u00A0"), index.h("stzh-datalist-item", { href: website.href, value: website.text, rel: website.rel })))))), index.h("div", { key: '70befe249a1cdb991710052c22ab764256089ed0', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (index.h(index.Fragment, { key: '687cab0eca83230a2d274c5d4be7c0a7e03be62e' }, this.poboxHeading && index.h("div", { key: 'cdf8b41f0baeae7a7001961d40886fbe5fab0b21', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && index.h("div", { key: '4312f8468723ae001ed4396426371de46b1e683c', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (index.h("span", { key: 'd86c7cbecf4015b81a2ad8b431ea477729452b38', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && index.h("span", { key: '58738d90c4f51bbf4ff2c399fd788f4e86b811bb', class: "stzh-contact__pobox-locality" }, this.poboxLocation), index.h("slot", { key: '47bd3bcc86418dacbee51d49a617fb8933a02b68', name: "pobox" })))), index.h("div", { key: 'c079eff0462d4f6a15b88abd93d38a6513be0e44', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (index.h("div", { key: '8c16dc4d4b8f67899ca33a6c12e3ff7a5a525e3d', class: "stzh-contact__availability" }, this.availabilityTitle && (index.h(AvailabilityTitleElement, { key: '8766020093430c112669a00efdf0f05347bdeaeb', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (index.h("ul", { key: 'a62590875a99969d5d82362fdd046054977cc057', class: "stzh-contact__availability-list" }, this._availability.map(item => (index.h("li", { class: "stzh-contact__availability-list-item" }, index.h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (index.h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index$1) => (index.h(index.Fragment, null, index.h("div", { class: "stzh-contact__availability-hour" }, hour), index$1 < item.hours.length - 1 && (index.h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
         "availability": ["availabilityWatcher"],
         "numbers": ["numbersWatcher"],
         "emails": ["emailsWatcher"],
+        "websites": ["websitesWatcher"],
         "street": ["streetWatcher"],
         "streetInfo": ["streetInfoWatcher"]
     }; }

package/dist/cjs/stzh-contact.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-contact.entry.cjs.js","mappings":"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","names":["hasSlot","h","Host","Fragment","index"],"sources":["src/components/CMS/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/CMS/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n    --stzh-contact-grid-template-areas,\n    \"heading heading heading heading\" \"image image image image\"\n      \"responsibility responsibility responsibility responsibility\"\n      \"contactForm contactForm contactForm contactForm\" \"info info info info\"\n      \"availability availability availability availability\"\n      \"additional additional additional additional\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-contact-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info availability availability availability availability\"\n        \"additional additional additional additional additional additional additional additional\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &[has-availability=\"false\"] {\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\"\n          \"image image image image . . . .\"\n          \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n          \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n          \"info info info info info info info info\"\n          \"additional additional additional additional additional additional additional additional\"\n      );\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve(\"p1\");\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__main-heading {\n    grid-area: heading;\n\n    ::slotted([slot=\"main-heading\"]) {\n      display: none;\n    }\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__main-heading-type {\n    &:not(:empty) {\n      padding-top: space(\"xsmall\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        padding-top: space(\"xsmall\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-section {\n    &:not(:empty) {\n      margin-bottom: space(\"medium\");\n      padding-top: space(\"medium\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        margin-bottom: space(\"large\");\n        padding-top: space(\"large\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space(\"xlarge\");\n        padding-top: space(\"xlarge\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n        padding-top: space(\"xxlarge\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-text {\n    &:not(:empty) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__image-wrapper {\n    grid-area: image;\n    background-color: $colorSecondary20;\n  }\n\n  &__role,\n  &__departament {\n    @include fontSize(\"milli\");\n    @include font(\"medium\");\n  }\n\n  &__image {\n    position: relative;\n  }\n\n  &__info {\n    grid-area: info;\n  }\n\n  &__responsibility {\n    grid-area: responsibility;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__responsibility-text {\n    &:not(:empty) {\n      padding-bottom: space(\"xsmall\");\n\n      @include mq($from: small) {\n        padding-bottom: space(\"small\");\n      }\n\n      @include mq($from: medium) {\n        padding-bottom: space(\"medium\");\n      }\n\n      @include mq($from: large) {\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__contact-form {\n    grid-area: contactForm;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__additional {\n    grid-area: additional;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-top: space(\"xlarge\");\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-top: space(\"xxlarge\");\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__heading,\n  &__name,\n  &__emails,\n  &__pobox,\n  &__availability-title {\n    &:not(:empty):not(:last-child) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__numbers {\n    white-space: nowrap;\n  }\n\n  &__number,\n  &__email {\n    display: flex;\n    align-items: center;\n    gap: space(\"xxsmall\");\n  }\n\n  &__heading,\n  &__name,\n  &__role,\n  &__departament,\n  &__availability-title {\n    @include fontCurve(\"p1\");\n    margin: 0px;\n  }\n\n  &__heading,\n  &__name.is-heading,\n  &__availability-title {\n    @include font(\"heavy\");\n  }\n\n  &__availability {\n    grid-area: availability;\n    margin-top: space(\"xlarge\");\n    @include spaceCurve(\"gap\", \"small\");\n\n    @include mq($from: medium) {\n      margin-top: 0px;\n    }\n  }\n\n  &__availability-list,\n  &__availability-hour-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__availability-list {\n    @include spaceCurve(\"gap\", \"small\");\n    display: grid;\n  }\n\n  &__availability-weekday {\n    @include fontCurve(\"p1\");\n  }\n\n  &__availability-hours {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: small) {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      column-gap: space(\"xsmall\");\n    }\n  }\n\n  &__availability-hours-separator {\n    width: 1px;\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  &--has-image &__image {\n    width: 64px;\n    height: 64px;\n\n    @include mq($from: small) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @include mq($from: medium) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @include mq($from: large) {\n      width: 120px;\n      height: 120px;\n    }\n\n    @include mq($from: ultra) {\n      width: 140px;\n      height: 140px;\n    }\n  }\n\n  &__image-wrapper {\n    background-color: transparent;\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { ContactEmail, ContactNumber, StzhContactAvailabilityItem } from \"../../../index\";\n\nimport { hasSlot } from \"../../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g, \"\");\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot contact-form - slot for contact form\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true,\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** City label */\n  @Prop() cityLabel: string;\n\n  /** Departament */\n  @Prop() departament: string;\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string;\n\n  /** Resposibility title */\n  @Prop() responsibility: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Person role */\n  @Prop() personRole: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string | string[];\n  private _street: string[] = [];\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[];\n  private _streetInfo: string[] = [];\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Contact title */\n  @Prop() contactTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue;\n    }\n  }\n\n  @Watch(\"street\")\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._street = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._street = [newValue];\n      }\n    } else if (newValue) {\n      this._street = newValue;\n    }\n  }\n\n  @Watch(\"streetInfo\")\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._streetInfo = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._streetInfo = [newValue];\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n    this.streetWatcher(this.street);\n    this.streetInfoWatcher(this.streetInfo);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks,\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n    const isPerson = this.type === \"Person\";\n    const isOrganization = this.type === \"Organization\";\n\n    return (\n      <Host has-availability={!!this.availability ? \"true\" : \"false\"}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={(isOrganization && !this.heading) || (isPerson && !this.name) ? \"name\" : null}\n          >\n            <div class=\"stzh-contact__main-heading-section\">\n              {this.mainHeading ? (\n                <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading} />\n              ) : (\n                <slot name=\"main-heading\"></slot>\n              )}\n            </div>\n\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__role\">{this.personRole}</span>\n                </stzh-heading>\n              )}\n              {this.cityLabel && isOrganization && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__departament\">{this.cityLabel}</span>\n                </stzh-heading>\n              )}\n              {this.departament && isOrganization && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__departament\">{this.departament}</span>\n                </stzh-heading>\n              )}\n              {((isPerson && this.name) || (isOrganization && this.heading)) && (\n                <div class=\"stzh-contact__main-heading-type\">\n                  {this.name && isPerson && <stzh-heading level=\"3\" curve=\"h3\" htmlContent={this.name} />}\n                  {this.heading && isOrganization && (\n                    <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n                  )}\n                </div>\n              )}\n            </div>\n            {isPerson && (\n              <div class=\"stzh-contact__image-wrapper\">\n                <div class=\"stzh-contact__image\">\n                  <slot name=\"image\"></slot>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n            {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n            {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">{this.responsibility}</stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__contact-form\">\n            <slot name=\"contact-form\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.contactTitle && (\n              <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                {this.contactTitle}\n              </AvailabilityTitleElement>\n            )}\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address && (\n                <Fragment>\n                  {this._street.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{\" \"}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-contact.entry.cjs.js","mappings":"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","names":["hasSlot","h","Host","Fragment","index"],"sources":["src/components/CMS/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/CMS/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n    --stzh-contact-grid-template-areas,\n    \"heading heading heading heading\" \"image image image image\"\n      \"responsibility responsibility responsibility responsibility\"\n      \"contactForm contactForm contactForm contactForm\" \"info info info info\"\n      \"availability availability availability availability\"\n      \"additional additional additional additional\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-contact-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info availability availability availability availability\"\n        \"additional additional additional additional additional additional additional additional\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &[has-availability=\"false\"] {\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\"\n          \"image image image image . . . .\"\n          \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n          \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n          \"info info info info info info info info\"\n          \"additional additional additional additional additional additional additional additional\"\n      );\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve(\"p1\");\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__main-heading {\n    grid-area: heading;\n\n    ::slotted([slot=\"main-heading\"]) {\n      display: none;\n    }\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__main-heading-type {\n    &:not(:empty) {\n      padding-top: space(\"xsmall\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        padding-top: space(\"xsmall\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-section {\n    &:not(:empty) {\n      margin-bottom: space(\"medium\");\n      padding-top: space(\"medium\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        margin-bottom: space(\"large\");\n        padding-top: space(\"large\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space(\"xlarge\");\n        padding-top: space(\"xlarge\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n        padding-top: space(\"xxlarge\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-text {\n    &:not(:empty) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__image-wrapper {\n    grid-area: image;\n    background-color: $colorSecondary20;\n  }\n\n  &__role,\n  &__departament {\n    @include fontSize(\"milli\");\n    @include font(\"medium\");\n  }\n\n  &__image {\n    position: relative;\n  }\n\n  &__info {\n    grid-area: info;\n  }\n\n  &__responsibility {\n    grid-area: responsibility;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__responsibility-text {\n    &:not(:empty) {\n      padding-bottom: space(\"xsmall\");\n\n      @include mq($from: small) {\n        padding-bottom: space(\"small\");\n      }\n\n      @include mq($from: medium) {\n        padding-bottom: space(\"medium\");\n      }\n\n      @include mq($from: large) {\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__contact-form {\n    grid-area: contactForm;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__additional {\n    grid-area: additional;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-top: space(\"xlarge\");\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-top: space(\"xxlarge\");\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__heading,\n  &__name,\n  &__pobox,\n  &__availability-title,\n  &__websites {\n    &:not(:empty):not(:last-child) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__numbers {\n    white-space: nowrap;\n  }\n\n  &__number,\n  &__email,\n  &__website {\n    display: flex;\n    align-items: center;\n    gap: space(\"xxsmall\");\n  }\n\n  &__website {\n    display: flex;\n    flex-direction: row;\n    --stzh-datalist-item-vertical-wrapper-padding: 0px;\n  }\n\n  &__heading,\n  &__name,\n  &__role,\n  &__departament,\n  &__availability-title {\n    @include fontCurve(\"p1\");\n    margin: 0px;\n  }\n\n  &__heading,\n  &__name.is-heading,\n  &__availability-title {\n    @include font(\"heavy\");\n  }\n\n  &__availability {\n    grid-area: availability;\n    margin-top: space(\"xlarge\");\n    @include spaceCurve(\"gap\", \"small\");\n\n    @include mq($from: medium) {\n      margin-top: 0px;\n    }\n  }\n\n  &__availability-list,\n  &__availability-hour-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__availability-list {\n    @include spaceCurve(\"gap\", \"small\");\n    display: grid;\n  }\n\n  &__availability-weekday {\n    @include fontCurve(\"p1\");\n  }\n\n  &__availability-hours {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: small) {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      column-gap: space(\"xsmall\");\n    }\n  }\n\n  &__availability-hours-separator {\n    width: 1px;\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  &--has-image &__image {\n    width: 64px;\n    height: 64px;\n\n    @include mq($from: small) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @include mq($from: medium) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @include mq($from: large) {\n      width: 120px;\n      height: 120px;\n    }\n\n    @include mq($from: ultra) {\n      width: 140px;\n      height: 140px;\n    }\n  }\n\n  &__image-wrapper {\n    background-color: transparent;\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { ContactEmail, ContactNumber, ContactWebsite, StzhContactAvailabilityItem } from \"../../../index\";\n\nimport { hasSlot } from \"../../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g, \"\");\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot contact-form - slot for contact form\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true,\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** City label */\n  @Prop() cityLabel: string;\n\n  /** Departament */\n  @Prop() departament: string;\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string;\n\n  /** Resposibility title */\n  @Prop() responsibility: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Person role */\n  @Prop() personRole: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string | string[];\n  private _street: string[] = [];\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[];\n  private _streetInfo: string[] = [];\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /**\n   * Website\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() websites: ContactWebsite[] | string = [];\n  private _websites: ContactWebsite[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Contact title */\n  @Prop() contactTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue;\n    }\n  }\n  @Watch(\"websites\")\n  websitesWatcher(newValue: ContactWebsite[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._websites = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._websites = newValue;\n    }\n  }\n\n  @Watch(\"street\")\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._street = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._street = [newValue];\n      }\n    } else if (newValue) {\n      this._street = newValue;\n    }\n  }\n\n  @Watch(\"streetInfo\")\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._streetInfo = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._streetInfo = [newValue];\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n    this.streetWatcher(this.street);\n    this.streetInfoWatcher(this.streetInfo);\n    this.websitesWatcher(this.websites);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks,\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n    const isPerson = this.type === \"Person\";\n    const isOrganization = this.type === \"Organization\";\n    const hasMainHeading = !!this.mainHeading || hasSlot(this.element, \"main-heading\");\n\n    return (\n      <Host has-availability={!!this.availability ? \"true\" : \"false\"}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={(isOrganization && !this.heading) || (isPerson && !this.name) ? \"name\" : null}\n          >\n            {hasMainHeading && (\n              <div class=\"stzh-contact__main-heading-section\">\n                {this.mainHeading ? (\n                  <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading} />\n                ) : (\n                  <slot name=\"main-heading\"></slot>\n                )}\n              </div>\n            )}\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__role\">{this.personRole}</span>\n                </stzh-heading>\n              )}\n              {this.cityLabel && isOrganization && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__departament\">{this.cityLabel}</span>\n                </stzh-heading>\n              )}\n              {this.departament && isOrganization && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__departament\">{this.departament}</span>\n                </stzh-heading>\n              )}\n              {((isPerson && this.name) || (isOrganization && this.heading)) && (\n                <div class=\"stzh-contact__main-heading-type\">\n                  {this.name && isPerson && <stzh-heading level=\"3\" curve=\"h3\" htmlContent={this.name} />}\n                  {this.heading && isOrganization && (\n                    <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n                  )}\n                </div>\n              )}\n            </div>\n            {isPerson && (\n              <div class=\"stzh-contact__image-wrapper\">\n                <div class=\"stzh-contact__image\">\n                  <slot name=\"image\"></slot>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n            {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n            {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">{this.responsibility}</stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__contact-form\">\n            <slot name=\"contact-form\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.contactTitle && (\n              <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                {this.contactTitle}\n              </AvailabilityTitleElement>\n            )}\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address && (\n                <Fragment>\n                  {this._street.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{\" \"}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this.websites && (\n              <div class=\"stzh-contact__websites\">\n                {this._websites.map(website => (\n                  <div class=\"stzh-contact__website\">\n                    <span>{website.label}&nbsp;</span>\n                    <stzh-datalist-item href={website.href} value={website.text} rel={website.rel}></stzh-datalist-item>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/stzh-content.cjs.entry.js

@@ -18,7 +18,7 @@ const StzhContent = class {
             "stzh-content": true,
             [`stzh-content--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: 'cffa3a18fc0101013a29855994f81133fca9c04d' }, index.h("div", { key: 'd845ebc4007c66dd3e9ced1e8cdcf7e66825b113', class: classes }, index.h("slot", { key: 'b56a870acd0d05d9e181a460152e8c4afd2020d1' }))));
+        return (index.h(index.Host, { key: '5f11755626099ab1efe7a9009fe3a94fea51bf70' }, index.h("div", { key: 'd46c25ab977b7bf92d7b3830efb9a9344588e240', class: classes }, index.h("slot", { key: '6d1c9886cbbf906dc8ff869b0035b3cec2926e29' }))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-cta.cjs.entry.js

@@ -123,7 +123,7 @@ const StzhCta = class {
             "stzh-cta--has-lead": hasLead,
             [`stzh-cta--size-${size}`]: !!size,
         };
-        return (index.h(index.Host, { key: '1c6a3e0d43a7f79352f7486354658a0b372e94fa', size: size, tabindex: "-1", onFocus: this.onRootFocus }, index.h("article", { key: 'fbdd85036eeaa33d351aa1a7334d79f74c682f88', class: classes, "data-stzh-sticky-width-container": true }, index.h("div", { key: '21d6e0d4d2b4d796501d2b46d5183f851460b138', class: "stzh-cta__wrapper" }, index.h("div", { key: '6299462fe56d3f4065c21def2f461b8fd0f7511b', class: "stzh-cta__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" })), index.h("div", { key: '85ad0c2272c96cb70043347186c6fc791e5b38a4', class: "stzh-cta__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" })), index.h("stzh-sticky", { key: '832d25b73df0bfb3fd7ee4cb2e3cb298a307ab1d', name: "cta", class: "stzh-cta__sticky", position: "fixed", bleeding: true, disableStickyBottom: this.stickyDisabled, disableStickyTop: true }, this.renderButtons(size))))));
+        return (index.h(index.Host, { key: '68c966c4cbcfa8e941bbda18c5f03c9f7d437a47', size: size, tabindex: "-1", onFocus: this.onRootFocus }, index.h("article", { key: '5aca932849fef1190f175f2d221a14b62d82de48', class: classes, "data-stzh-sticky-width-container": true }, index.h("div", { key: '4b92168fdaae0dab2601baff19b07eefdcff24b3', class: "stzh-cta__wrapper" }, index.h("div", { key: '4a19f3758d58c46638fc906293c36a74e184ba5e', class: "stzh-cta__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" })), index.h("div", { key: '6bbb967bd057f47ffd9caefd506d3dc58723cfe7', class: "stzh-cta__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" })), index.h("stzh-sticky", { key: 'd9ef1af607df95adc39c2b5b4b9e6e27728346ea', name: "cta", class: "stzh-cta__sticky", position: "fixed", bleeding: true, disableStickyBottom: this.stickyDisabled, disableStickyTop: true }, this.renderButtons(size))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-datalist_3.cjs.entry.js

@@ -128,9 +128,9 @@ const StzhDatalist = class {
             [`stzh-datalist--${this.variant}`]: !!this.variant,
             [`stzh-datalist--vertical-gap-${this.verticalGap}`]: !!this.verticalGap,
         };
-        return (index.h(index.Host, { key: 'bd6f1d0398aba2c7286ce4dc5314a2fd43f63097', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
+        return (index.h(index.Host, { key: 'f55bf6edb128f70d0472e60d678d2d1bf6886063', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
                 "--columns": this.currentColumns ? this.currentColumns.toString() : null,
-            } }, index.h("div", { key: 'd4d4540689a54609be70e9fc9aa504977317db9d', class: classes }, index.h("div", { key: '0fc7143742b703c1439c8821795f93ad30ffc7a6', class: "stzh-datalist__wrapper" }, index.h("div", { key: 'c5955076df340e5e6774208237f38202f033304d', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (index.h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && index.h("stzh-datalist", { items: item.items })))), index.h("slot", { key: '234c19a5ef8e8d87b95b5cb6ab07b12bba1e1b14' }))))));
+            } }, index.h("div", { key: '15956b8fc489b222fd25bacaa54a27a0e55c556c', class: classes }, index.h("div", { key: 'd79210ec8fb288e7c91b68777ad58a0dfbb7f3c3', class: "stzh-datalist__wrapper" }, index.h("div", { key: '3f29eb25cd39c0981f2f665595615ebc689ec638', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (index.h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && index.h("stzh-datalist", { items: item.items })))), index.h("slot", { key: 'e92b5ca486764202c52ea32f7aec53e456e0c606' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -152,7 +152,7 @@ const StzhDatalist = class {
 };
 StzhDatalist.style = StzhDatalistStyle0;
 
-const stzhDatalistItemCss = ".sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h,[stzh-hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-datalist-item-h .has-focus.sc-stzh-datalist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item{outline-style:none !important}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-item-h{--value-font-family:var(--stzh-font-family-medium);--value-font-weight:var(--stzh-font-weight-medium);--value-color:inherit;--action-display:flex;--leading-icon-color:var(--stzh-color-grey90);--nested-display:var(--stzh-datalist-item-nested-display, block);--wrapper-display:var(--stzh-datalist-item-wrapper-display, contents);--text-overflow:clip;--white-space:normal;--overflow:visible;--width:initial;--max-width:initial;display:contents}[href].sc-stzh-datalist-item-h:not([href=\"\"]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--value-color:var(--stzh-link-color);--value-hover-color:var(--stzh-link-hover-color)}.value-truncate.sc-stzh-datalist-item-h{--text-overflow:ellipsis;--white-space:nowrap;--overflow:hidden;--max-width:100%}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none;display:var(--wrapper-display);align-items:center}.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item__nested-inner.sc-stzh-datalist-item{display:var(--nested-display);grid-column:var(--full-grid-column)}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:1;display:grid}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:flex;text-align:left;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--value-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{flex-grow:1;flex-direction:column;min-width:0}.stzh-datalist-item__value-text.sc-stzh-datalist-item{--color:initial;min-width:0;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:var(--value-font-family);font-weight:var(--value-font-weight);width:auto}@media screen and (min-width: 900px){.stzh-datalist-item__value-text.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{justify-content:flex-end}.stzh-datalist-item__meta-text.sc-stzh-datalist-item{display:flex;gap:var(--stzh-space-xsmall);color:var(--stzh-color-grey70)}.stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey90)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height)}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item__readspeaker.sc-stzh-datalist-item{width:-moz-fit-content;width:fit-content}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{color:var(--value-hover-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:inherit}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{flex-direction:column;align-items:flex-start}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:calc(var(--stzh-space-xxsmall) + 0.75rem)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__readspeaker.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-left:var(--stzh-space-medium)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey70)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey80)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:0;padding-bottom:0}@media screen and (min-width: 600px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}@media screen and (max-width: 599px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:0}}";
+const stzhDatalistItemCss = ".sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h,[stzh-hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-datalist-item-h .has-focus.sc-stzh-datalist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item{outline-style:none !important}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-item-h{--value-font-family:var(--stzh-font-family-medium);--value-font-weight:var(--stzh-font-weight-medium);--value-color:inherit;--action-display:flex;--leading-icon-color:var(--stzh-color-grey90);--nested-display:var(--stzh-datalist-item-nested-display, block);--wrapper-display:var(--stzh-datalist-item-wrapper-display, contents);--vertical-wrapper-padding:var(\n    --stzh-datalist-item-vertical-wrapper-padding,\n    var(--stzh-space-xsmall)\n  );--text-overflow:clip;--white-space:normal;--overflow:visible;--width:initial;--max-width:initial;display:contents}[href].sc-stzh-datalist-item-h:not([href=\"\"]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--value-color:var(--stzh-link-color);--value-hover-color:var(--stzh-link-hover-color)}.value-truncate.sc-stzh-datalist-item-h{--text-overflow:ellipsis;--white-space:nowrap;--overflow:hidden;--max-width:100%}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none;display:var(--wrapper-display);align-items:center}.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item__nested-inner.sc-stzh-datalist-item{display:var(--nested-display);grid-column:var(--full-grid-column)}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:1;display:grid}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:flex;text-align:left;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--value-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{flex-grow:1;flex-direction:column;min-width:0}.stzh-datalist-item__value-text.sc-stzh-datalist-item{--color:initial;min-width:0;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:var(--value-font-family);font-weight:var(--value-font-weight);width:auto}@media screen and (min-width: 900px){.stzh-datalist-item__value-text.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{justify-content:flex-end}.stzh-datalist-item__meta-text.sc-stzh-datalist-item{display:flex;gap:var(--stzh-space-xsmall);color:var(--stzh-color-grey70)}.stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey90)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height)}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item__readspeaker.sc-stzh-datalist-item{width:-moz-fit-content;width:fit-content}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{color:var(--value-hover-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:inherit}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--vertical-wrapper-padding);padding-bottom:var(--vertical-wrapper-padding)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{flex-direction:column;align-items:flex-start}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:calc(var(--stzh-space-xxsmall) + 0.75rem)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__readspeaker.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-left:var(--stzh-space-medium)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey70)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey80)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:0;padding-bottom:0}@media screen and (min-width: 600px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}@media screen and (max-width: 599px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:0}}";
 const StzhDatalistItemStyle0 = stzhDatalistItemCss;
 
 let datalistItemCounter = 0;
@@ -350,7 +350,7 @@ const StzhStatus = class {
             "stzh-status": true,
             [`stzh-status--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: '6dc65ab210866d412d46957e680ea3eea275ca98' }, index.h("div", { key: 'b7c5a21334e273f2f99e757dea45d09ab99401d9', class: classes }, index.h("div", { key: '6e41e3163c90531f617028cd253d34511ee2d3a1', class: "stzh-status__text" }, !this.withLoadingbar && index.h("div", { key: '0675aed9ce920ab6bb8cc9869ee4b5ad43b3566d', class: "stzh-status__dot" }), this.label && index.h("div", { key: '4e98298452020de344d79453025b82d00481aadb', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (index.h("div", { key: 'd2f154241b64e3d30828ea856c69687eb237182b', class: "stzh-status__bar" }, index.h("div", { key: '77cf5ab240bc3755003748f0cda4d16a5256b7c6', class: "stzh-status__bar-inner", style: {
+        return (index.h(index.Host, { key: 'fc48ca0f249a982c132e0c77795814a1a7fcf859' }, index.h("div", { key: 'cbd462b5bcf8517d777a68885d9c4800ec5c75bf', class: classes }, index.h("div", { key: 'ea85586192a1cffa9ca0f455784c3a1b6b020bb3', class: "stzh-status__text" }, !this.withLoadingbar && index.h("div", { key: '8c5fed294f78c5a249294c65ab9c67206bbf5b61', class: "stzh-status__dot" }), this.label && index.h("div", { key: '4ee8191fd6a19bda99422e1abd692db8bcfecf91', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (index.h("div", { key: '84507af01cc50535377a2eb5dbb244a0f37c06e7', class: "stzh-status__bar" }, index.h("div", { key: 'fe0d44cb7137d27c48fec53c6d5a65702748cc97', class: "stzh-status__bar-inner", style: {
                 width: `${this.percent}%`,
             } }))))));
     }