npm - @oiz/stzh-components - Versions diffs - 4.5.0 → 4.6.0-beta2 - Mend

@oiz/stzh-components 4.5.0 → 4.6.0-beta2

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

Files changed (1006) hide show

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

@@ -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: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{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__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__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__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 StzhContactStyle0 = stzhContactCss;
 function formatTel(tel) {
@@ -22,9 +22,10 @@ const StzhContact = class {
         this._availability = [];
         this.type = "Organization";
         this.mainHeading = undefined;
-        this.subHeading = undefined;
         this.mainHeadingLevel = "2";
         this.heading = undefined;
+        this.cityLabel = undefined;
+        this.departament = undefined;
         this.responsibilityTitle = undefined;
         this.responsibility = undefined;
         this.headingLevel = "3";
@@ -131,7 +132,7 @@ const StzhContact = class {
         const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;
         const isPerson = this.type === "Person";
         const isOrganization = this.type === "Organization";
-        return (index.h(index.Host, { key: 'dad51a9ee4298a9ea3742ca2173a22194f69b1db', "has-availability": !!this.availability ? "true" : "false" }, index.h("div", { key: 'e0e9b1e0e13f433e3c6cb93303144eab0da9809c', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, index.h("div", { key: '6752d52203802f0eb0a27a546ba94bfa29e31026', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, index.h("div", { key: '09bdaaa843d5fb7477f0078ff9e71cd285ba854f', 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: 'fe88cb7b28caa27c39b18cdc171bdd090ee9f25b', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (index.h("stzh-heading", { key: '1a445d1e4074a5cc45a048b33a6f571fc07bd97a', curve: "h3", level: "3" }, index.h("span", { key: 'f4f7ebfb51a90a5eb3be0f562446f1aa72f87897', class: "stzh-contact__role" }, this.personRole))), ((isPerson && this.name) || (isOrganization && this.heading)) && (index.h("div", { key: 'febc91a5b431baa8da5bcd187aca8c0f761c30a6', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (index.h("stzh-heading", { key: 'fa74e87aa22ed67a0ff2c7f1a72d35050ab04d30', level: '3', curve: 'h3', htmlContent: this.name })), this.heading && isOrganization && (index.h("stzh-heading", { key: '54a3a2937cc78b48d45f451ecb717b838deb836f', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (index.h("div", { key: '677e96edcdde01edff9ae5e7b06aeec10c6207c9', class: "stzh-contact__image-wrapper" }, index.h("div", { key: '879ee5f5ec02c306a4368d9b7e5ba8b13fc3d1d6', class: "stzh-contact__image" }, index.h("slot", { key: 'b47c3e23dba650f2dc6680cac72cfa0a613bb078', name: "image" }))))), index.h("div", { key: '0c8cadc9fead7a2c93f1fa02181a2925aa95c5d4', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (index.h(HeadingLevel, { key: '81130f8b290a1b48afa8f5c30f16f85003d0a667', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (index.h("stzh-text", { key: '5083e575b69dcb380db8992e22d825d5cadce848', class: "stzh-contact__responsibility-text" }, this.responsibility))), index.h("div", { key: '66bae4d8f96dab390b4b3c2326edd65bc8a9281f', class: "stzh-contact__contact-form" }, index.h("slot", { key: '06e6e887ca77eb958602072d084201eab1228379', name: "contact-form" })), index.h("div", { key: '40eea28659e2bf42e989cb1aefac3535d9cf6863', class: "stzh-contact__additional" }, index.h("slot", { key: '9c69a412223cc5e157110e36e9d145a55c7b3f1a' })), index.h("div", { key: '05542c84d3c8f2121843ea8b8ee71c1df1bc567d', class: "stzh-contact__info" }, this.contactTitle && (index.h(AvailabilityTitleElement, { key: '6141811c0a03333b02448454298866ee732be6f3', class: "stzh-contact__availability-title" }, this.contactTitle)), index.h("div", { key: '16f3319e8ad82ec3a9645a87852bc39dd54485c0', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (index.h(index.Fragment, { key: '439462212e6fb9b5e451e747da15d01f92b72740' }, this._street.length > 0 && (index.h("div", { key: '5641fc230b51571125a8a994c5bc7e9ef42ff307', 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: '25345110853906f6246566fa62875a80b6f83a7b' }, index.h("br", { key: '59e5dd64e0ba58fd813f022c175638aacaad43f2' }), " ", this._streetInfo.map((streetInfo) => (index.h(index.Fragment, null, streetInfo, index.h("br", null)))))))), this.postalCode && (index.h("span", { key: 'affed1f04be7343562ec9ca2e3f271058424027f', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (index.h("span", { key: '5053b2a57d7aa566bbbd77c85ba800f86ce75561', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), index.h("slot", { key: '6b0c95db39a01606ac637ee930477a3323b0a6a9', name: "address" })))), this._numbers.length > 0 && (index.h("div", { key: '66fe77622b67e9d73d570939a02caf935108d8d1', 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: 'e0e37a2aecdac984fab07deb62b692f3ffc8ebf4', 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: '5447944d63b062dd47629aa0a5463b8e19c3521c', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (index.h(index.Fragment, { key: 'b0715a8def97762bd828c74feb48d4dc5274f273' }, this.poboxHeading && index.h("div", { key: 'c8c076c53ce662c79f231d7f6f024539280b9cc0', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && index.h("div", { key: '8dbeb7af651ddf4be5bcfe20ebcd1f4a1c661c2b', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (index.h("span", { key: '6b34cc21f40ec0830ab355d47566ed9c19c9718a', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && index.h("span", { key: '785cd456b339a76c8af8dcb5da81137e3ef34941', class: "stzh-contact__pobox-locality" }, this.poboxLocation), index.h("slot", { key: '4f150bcd2cd1b81fee911371a0c068b7a795d51e', name: "pobox" })))), index.h("div", { key: '911aa629a016088adf43d0d4cf3a245641d0a02b', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (index.h("div", { key: '8ce0c4ee1b67c46aafa2680eea5aa7aa77fcdb63', class: "stzh-contact__availability" }, this.availabilityTitle && (index.h(AvailabilityTitleElement, { key: 'd39ce1efe4f4caded52c1e772f35c2f7dafff92a', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (index.h("ul", { key: 'f015745e85f14d3a0b7f8c1b90940078eadc2986', 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" })))))))))))))))));
+        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" })))))))))))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

	@@ -1 +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 &:not(:empty) {\n margin-bottom: space(\"xlarge\");\n\n @include mq($from: large) {\n margin-bottom: space(\"xxlarge\");\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 @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 @include mq($from: medium) {\n padding-bottom: space(\"medium\");\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 &__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 /* Sub heading /\n @Prop() subHeading: string;\n\n /* Main heading level /\n @Prop() mainHeadingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"2\";\n\n /* Heading /\n @Prop() heading: 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 <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 {((isPerson && this.name) \|\| (isOrganization && this.heading)) && (\n <div class=\"stzh-contact__main-heading-type\">\n {this.name && isPerson && (\n <stzh-heading level='3' curve='h3' htmlContent={this.name}/>\n )}\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} \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} </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} </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} </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}
1	+ {"file":"stzh-contact.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,cAAc,GAAG,m9bAAm9b,CAAC;AAC3+b,0BAAe,cAAc;;ACK7B,SAAS,SAAS,CAAC,GAAW;IAC5B,OAAO,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAChC,CAAC;MAeY,WAAW;;;QAuCd,YAAO,GAAa,EAAE,CAAC;QAIvB,gBAAW,GAAa,EAAE,CAAC;QAe3B,aAAQ,GAAoB,EAAE,CAAC;QAS/B,YAAO,GAAmB,EAAE,CAAC;QA4B7B,kBAAa,GAAkC,EAAE,CAAC;oBA7FhB,cAAc;;gCAMN,GAAG;;;;;;4BAkBP,GAAG;;;;;;;;uBA+BL,EAAE;sBASJ,EAAE;;;;;;;;sCAyBY,GAAG;;;;IAU3D,mBAAmB,CAAC,QAAgD;QAClE,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SAC3C;aAAM;YACL,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;SAC/B;KACF;IAGD,cAAc,CAAC,QAAkC;QAC/C,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,IAAI;gBACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;aACtC;YAAC,OAAO,kBAAkB,EAAE;;aAE5B;SACF;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B;KACF;IAGD,aAAa,CAAC,QAAiC;QAC7C,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,IAAI;gBACF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;aACrC;YAAC,OAAO,kBAAkB,EAAE;;aAE5B;SACF;aAAM;YACL,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;SACzB;KACF;IAGD,aAAa,CAAC,QAA2B;QACvC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,IAAI;gBACF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;aACrC;YAAC,OAAO,gBAAgB,EAAE;gBACzB,IAAI,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;aAC3B;SACF;aAAM,IAAI,QAAQ,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;SACzB;KACF;IAGD,iBAAiB,CAAC,QAA2B;QAC3C,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,IAAI;gBACF,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;aACzC;YAAC,OAAO,gBAAgB,EAAE;gBACzB,IAAI,CAAC,WAAW,GAAG,CAAC,QAAQ,CAAC,CAAC;aAC/B;SACF;aAAM,IAAI,QAAQ,EAAE;YACnB,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;SAC7B;KACF;IAID,MAAM,iBAAiB;QACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC5C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACzC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,IAAIA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACtE,MAAM,SAAS,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAClD,MAAM,QAAQ,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEhD,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,IAAI;YACpB,yBAAyB,EAAE,QAAQ;YACnC,2BAA2B,EAAE,UAAU;YACvC,0BAA0B,EAAE,SAAS;YACrC,yBAAyB,EAAE,QAAQ;SACpC,CAAC;QAEF,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAC7C,MAAM,wBAAwB,GAAG,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;QACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;QACxC,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC;QAEpD,QACEC,QAACC,UAAI,yEAAmB,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,OAAO,IAC5DD,kEAAK,KAAK,EAAE,OAAO,EAAE,SAAS,QAAC,QAAQ,EAAE,qBAAqB,IAAI,CAAC,IAAI,EAAE,IACvEA,kEACE,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAE,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,OAAO,MAAM,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,IAAI,IAEvFA,kEAAK,KAAK,EAAC,oCAAoC,IAC5C,IAAI,CAAC,WAAW,IACfA,0BAAc,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,KAE7EA,kBAAM,IAAI,EAAC,cAAc,GAAQ,CAClC,CACG,EAENA,kEAAK,KAAK,EAAE,QAAQ,IAAI,iCAAiC,IACtD,IAAI,CAAC,UAAU,IAAI,QAAQ,KAC1BA,2EAAc,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,IAChCA,mEAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,UAAU,CAAQ,CAC5C,CAChB,EACA,IAAI,CAAC,SAAS,IAAI,cAAc,KAC/BA,2EAAc,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,IAChCA,mEAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,SAAS,CAAQ,CAClD,CAChB,EACA,IAAI,CAAC,WAAW,IAAI,cAAc,KACjCA,2EAAc,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,IAChCA,mEAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,WAAW,CAAQ,CACpD,CAChB,EACA,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,MAAM,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC,MAC3DA,kEAAK,KAAK,EAAC,iCAAiC,IACzC,IAAI,CAAC,IAAI,IAAI,QAAQ,IAAIA,2EAAc,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,WAAW,EAAE,IAAI,CAAC,IAAI,GAAI,EACtF,IAAI,CAAC,OAAO,IAAI,cAAc,KAC7BA,2EAAc,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,GAAI,CACtE,CACG,CACP,CACG,EACL,QAAQ,KACPA,kEAAK,KAAK,EAAC,6BAA6B,IACtCA,kEAAK,KAAK,EAAC,qBAAqB,IAC9BA,mEAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,CACF,CACP,CACG,EAENA,kEAAK,KAAK,EAAC,8BAA8B,IACtC,IAAI,CAAC,mBAAmB,KACvBA,QAAC,YAAY,qDACX,KAAK,EAAC,uBAAuB,EAC7B,QAAQ,EAAE,IAAI,CAAC,mBAAmB,EAClC,SAAS,EAAE,IAAI,CAAC,mBAAmB,GACnC,CACH,EACA,IAAI,CAAC,cAAc,KAClBA,wEAAW,KAAK,EAAC,mCAAmC,IAAE,IAAI,CAAC,cAAc,CAAa,CACvF,CACG,EAENA,kEAAK,KAAK,EAAC,4BAA4B,IACrCA,mEAAM,IAAI,EAAC,cAAc,GAAQ,CAC7B,EAENA,kEAAK,KAAK,EAAC,0BAA0B,IACnCA,oEAAa,CACT,EAENA,kEAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,YAAY,KAChBA,QAAC,wBAAwB,qDAAC,KAAK,EAAC,kCAAkC,IAC/D,IAAI,CAAC,YAAY,CACO,CAC5B,EAEDA,kEACE,KAAK,EAAC,uBAAuB,EAC7B,QAAQ,EAAC,SAAS,EAClB,SAAS,QACT,QAAQ,EAAC,iCAAiC,EAC1C,SAAS,EAAE,IAAI,CAAC,OAAO,IAEtB,CAAC,IAAI,CAAC,OAAO,KACZA,QAACE,cAAQ,uDACN,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KACtBF,kEAAK,KAAK,EAAC,sBAAsB,EAAC,QAAQ,EAAC,eAAe,IACvD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAc,MAC/BA,QAACE,cAAQ,QACN,MAAM,EACPF,mBAAM,CACG,CACZ,CAAC,EACD,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KAC1BA,QAACE,cAAQ,uDACPF,kEAAM,EAAC,GAAG,EACT,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAkB,MACvCA,QAACE,cAAQ,QACN,UAAU,EACXF,mBAAM,CACG,CACZ,CAAC,CACO,CACZ,CACG,CACP,EAEA,IAAI,CAAC,UAAU,KACdA,mEAAM,KAAK,EAAC,2BAA2B,EAAC,QAAQ,EAAC,YAAY,IAC1D,IAAI,CAAC,UAAU,WACX,CACR,EAEA,IAAI,CAAC,QAAQ,KACZA,mEAAM,KAAK,EAAC,wBAAwB,EAAC,QAAQ,EAAC,iBAAiB,IAC5D,IAAI,CAAC,QAAQ,CACT,CACR,EAEDA,mEAAM,IAAI,EAAC,SAAS,GAAQ,CACnB,CACZ,CACG,EAEL,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,KACvBA,kEAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,KACvBA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,sBAAO,MAAM,CAAC,KAAK,WAAc,EACjCA,uBACE,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,2BAA2B,EACjC,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAClD,WAAW,EAAE,MAAM,CAAC,WAAW,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,EACrE,QAAQ,EAAE,MAAM,CAAC,IAAI,KAAK,KAAK,GAAG,WAAW,GAAG,WAAW,IAE1D,MAAM,CAAC,MAAM,CACJ,CACR,CACP,CAAC,CACE,CACP,EAEA,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KACtBA,kEAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,KACrBA,iBAAK,KAAK,EAAC,qBAAqB,IAC9BA,sBAAO,KAAK,CAAC,KAAK,WAAc,EAC/B,KAAK,CAAC,IAAI,IACTA,uBACE,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,UAAU,KAAK,CAAC,IAAI,EAAE,EAC5B,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,EAChE,QAAQ,EAAC,OAAO,IAEf,KAAK,CAAC,IAAI,CACD,KAEZA,kBAAM,KAAK,EAAC,4BAA4B,EAAC,QAAQ,EAAC,OAAO,IACtD,KAAK,CAAC,IAAI,CACN,CACR,CACG,CACP,CAAC,CACE,CACP,EAEDA,kEAAK,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IACnD,CAAC,IAAI,CAAC,KAAK,KACVA,QAACE,cAAQ,uDACN,IAAI,CAAC,YAAY,IAAIF,kEAAK,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,YAAY,CAAO,EACvF,IAAI,CAAC,UAAU,IAAIA,kEAAK,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,UAAU,CAAO,EACjF,IAAI,CAAC,eAAe,KACnBA,mEAAM,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,eAAe,WAAc,CAClF,EACA,IAAI,CAAC,aAAa,IAAIA,mEAAM,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,aAAa,CAAQ,EAC7FA,mEAAM,IAAI,EAAC,OAAO,GAAQ,CACjB,CACZ,CACG,EAENA,kEAAK,KAAK,EAAC,sCAAsC,EAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,GAAQ,CAC3F,EAEL,IAAI,CAAC,YAAY,KAChBA,kEAAK,KAAK,EAAC,4BAA4B,IACpC,IAAI,CAAC,iBAAiB,KACrBA,QAAC,wBAAwB,qDAAC,KAAK,EAAC,kCAAkC,IAC/D,IAAI,CAAC,iBAAiB,CACE,CAC5B,EAEA,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAC5BA,iEAAI,KAAK,EAAC,iCAAiC,IACxC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KAC1BA,gBAAI,KAAK,EAAC,sCAAsC,IAC9CA,iBAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,OAAO,CAAO,EACnE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KACpBA,iBAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEG,OAAK,MAC1BH,QAACE,cAAQ,QACPF,iBAAK,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAO,EACxDG,OAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KAC5BH,iBAAK,KAAK,EAAC,4CAA4C,GAAO,CAC/D,CACQ,CACZ,CAAC,CACE,CACP,CACE,CACN,CAAC,CACC,CACN,CACG,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;;;;;","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} \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} </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} </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} </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 CHANGED Viewed

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

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

@@ -123,7 +123,7 @@ const StzhCta = class {
             "stzh-cta--has-lead": hasLead,
             [`stzh-cta--size-${size}`]: !!size,
         };
-        return (index.h(index.Host, { key: '997255d89f66fa51856a5cf715f55a98b51e238b', size: size, tabindex: "-1", onFocus: this.onRootFocus }, index.h("article", { key: 'af3d36e4150130c13bcffa8530a6ce21cfaf8b73', class: classes, "data-stzh-sticky-width-container": true }, index.h("div", { key: 'f33af04e342afcf4ae007d51a150529e582fcdd5', class: "stzh-cta__wrapper" }, index.h("div", { key: '38771479f37e8ead5646592215cb9bc05af1ae74', class: "stzh-cta__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" })), index.h("div", { key: '386f387978f291fa5e3df9be21dedb98eab2ed37', class: "stzh-cta__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" })), index.h("stzh-sticky", { key: 'e2e4c5fa14740b65d4ef2b5f967b0694afbef897', name: "cta", class: "stzh-cta__sticky", position: "fixed", bleeding: true, disableStickyBottom: this.stickyDisabled, disableStickyTop: true }, this.renderButtons(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))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -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: 'd768800802edb0be7dd7a8fc62dcb5ff7aabc5f1', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
+        return (index.h(index.Host, { key: 'bd6f1d0398aba2c7286ce4dc5314a2fd43f63097', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
                 "--columns": this.currentColumns ? this.currentColumns.toString() : null,
-            } }, index.h("div", { key: '0f4062b23b58c31f13a409a85d173c7c2564355f', class: classes }, index.h("div", { key: '30393662fdf0298526eeb9ccb8f01a657fa9b601', class: "stzh-datalist__wrapper" }, index.h("div", { key: 'e30e6ea7f985ed0a3325296c3bbb00c16fcd4702', 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: '78f77987b95ecfa8fb555779ec39f57dbde8a64c' }))))));
+            } }, 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' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -350,7 +350,7 @@ const StzhStatus = class {
             "stzh-status": true,
             [`stzh-status--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: '493c2821f5308384fed0513f98299d5cebd19b93' }, index.h("div", { key: '1241a7b7eecef92b15659259755c9d3623c148c7', class: classes }, index.h("div", { key: 'af61e8993a76d1e0406b6f1660821f329f03355b', class: "stzh-status__text" }, !this.withLoadingbar && index.h("div", { key: '6b936e8bf04d76af4649d2ace751d8a4ba8730e3', class: "stzh-status__dot" }), this.label && index.h("div", { key: 'd3d3575adefb98308633708edec4d79d31045f21', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (index.h("div", { key: 'b21276c71e8c82ff28a11ef02673835a1c869121', class: "stzh-status__bar" }, index.h("div", { key: '293bb3f570adb985dd4d7cf24c386e581941b1d3', class: "stzh-status__bar-inner", style: {
+        return (index.h(index.Host, { key: 'e9cc92f6f75972f3bfe8be673d487689a5d0a8b3' }, index.h("div", { key: 'a770a22ee1af9c8b6b5c1b84cbbfd329f6e9837e', class: classes }, index.h("div", { key: 'a7160991ae95dc138ea98b5e9f1a3f350af6d464', class: "stzh-status__text" }, !this.withLoadingbar && index.h("div", { key: '0faf01a0269821949647c31e23575043a1459637', class: "stzh-status__dot" }), this.label && index.h("div", { key: '7298b6628c58c05a12eecd493bcaab1a368a5ff8', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (index.h("div", { key: '23b1d4fd0f1881add941644fff6ddc76a9d3f6df', class: "stzh-status__bar" }, index.h("div", { key: '10a2842e50349280c79679edeef0506701c61faa', class: "stzh-status__bar-inner", style: {
                 width: `${this.percent}%`,
             } }))))));
     }

package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js CHANGED Viewed

@@ -94,7 +94,7 @@ const StzhDatamessagelistItem = class {
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (index.h(index.Host, { key: '0a60743a2c269a29fa58bfd5ab7ef413e0f727d1', role: "listitem" }, index.h("article", { key: 'ae5529bc1ff01e24de0960fd66f7072cc65c3c4d', class: classes }, index.h("div", { key: '08615983f691c23b125f81517f59477d8d3bf1f2', class: "stzh-datamessagelist-item__content" }, index.h("div", { key: '7e33b0bb7fbe51f4dc74a9ae344ab6e082c6c886', class: "stzh-datamessagelist-item__text" }, index.h("h3", { key: '5ae06182ccbbcc2d897b67c04269a2fad43ef801', class: "stzh-datamessagelist-item__heading" }, index.h(HeadingLink, { key: 'd92ca6e731178c14ffc8bd54b11e36adda5a679d', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && index.h("span", { key: 'd5e3b9a1e24701456a8aef5549262259294e7bb9', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (index.h("div", { key: '070cb35927b1092a826251e22aa640d710c78b9d', class: "stzh-datamessagelist-item__description" }, index.h("stzh-clamp", { key: 'c70e88dc369462ce721de60ba91856f2ceff3971', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (index.h("div", { key: '5d7ed8a2898b9b26f669ea03cb44e9c08d049440', class: "stzh-datamessagelist-item__meta-wrapper" }, index.h("ul", { key: '26b54e5dc6630e240016c04373514a2fa2d3068a', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (index.h("li", { class: "stzh-datamessagelist-item__meta-item" }, index.h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), index.h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (index.h("stzh-status", { key: 'fb09fee5bbde1ea9aaf8de9331dc774f19d6a901', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (index.h("div", { key: '9b3bb31aa85872934d6f4eb21ba74dd355786723', class: "stzh-datamessagelist-item__tags-wrapper" }, index.h("div", { key: 'f503dcbe56922d3b79839ceb74fde288a0e7cb40', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (index.h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), index.h("div", { key: '7aa35096ab825fb98fbd1d016a125c63301ec0e8', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (index.h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, index.h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), index.h("stzh-menu", { slot: "content" }, this._actions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (index.h(index.Host, { key: '35e80e1eb927de23057366fcb116b421869eaa61', role: "listitem" }, index.h("article", { key: '9e70827a806198f9ea18ce38f2fc06c3fd9a6232', class: classes }, index.h("div", { key: '39d489e641eae30505936e4e94d9d1313d3554a2', class: "stzh-datamessagelist-item__content" }, index.h("div", { key: '62f85d42ff3b28341c2fc8120ec0c14b02c40aa5', class: "stzh-datamessagelist-item__text" }, index.h("h3", { key: '6d81d15bf82915c269c4ae4e9018441954f4e785', class: "stzh-datamessagelist-item__heading" }, index.h(HeadingLink, { key: '56f4360076866e145943d21e86c5da9a8b9e5727', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && index.h("span", { key: 'dc97b2dd11d336d7c48d1607deba7a6397e5fc88', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (index.h("div", { key: 'cbc57474699067e8604db726b507e869c7a9d3a2', class: "stzh-datamessagelist-item__description" }, index.h("stzh-clamp", { key: '09c9bfae4e8a1bbcd9c1abaad463fa3939edd525', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (index.h("div", { key: '44e9f2074e30af80b84777016062ca570f8fa4e4', class: "stzh-datamessagelist-item__meta-wrapper" }, index.h("ul", { key: 'e756c17e5cd43721686fc71e397fb992698ddc77', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (index.h("li", { class: "stzh-datamessagelist-item__meta-item" }, index.h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), index.h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (index.h("stzh-status", { key: '0cb4bb2fc00e0fd844c51dedf320f6c1717fa709', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (index.h("div", { key: '599fc7dc12095ca8e8b7d22e134e372333214ba5', class: "stzh-datamessagelist-item__tags-wrapper" }, index.h("div", { key: 'ee0950fd2e36abe01d81950c507dcc9e185e6236', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (index.h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), index.h("div", { key: '6485fb7603de5904f22bb3be5ade1e70faff11d5', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (index.h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, index.h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), index.h("stzh-menu", { slot: "content" }, this._actions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (index.h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, index.h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

package/dist/cjs/stzh-datamessagelist.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const StzhDatamessagelist = class {
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (index.h(index.Host, { key: 'f50dbc259fb0b1e8cd16fb4c0d9a6ed83b181916' }, index.h("div", { key: '165f898bda61f9d8d4852a4485362379db31a100', class: classes }, index.h("div", { key: '16865db114495277d5371eb04473638bdfc7553f', class: "stzh-datamessagelist__list", role: "list" }, index.h("slot", { key: 'f05156f4b4161c7e5d5972b2e914e636047a606f' })))));
+        return (index.h(index.Host, { key: '0a660be3b51fdfa258071dc75e812e03c20237d2' }, index.h("div", { key: 'dfb4a7af52a337372d9bd1b01a9ecfb7765cf1bf', class: classes }, index.h("div", { key: '3575ea0bef98181965ee2522c3a6622cc14b0662', class: "stzh-datamessagelist__list", role: "list" }, index.h("slot", { key: '65d5ddfb353a8dbc7b6c045126c2d10ebc07675b' })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-datepicker_3.cjs.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const utils = require('./utils-0ce5df06.js');
 const stzhInputDescription = require('./stzh-input-description-6bca6dc1.js');
 const stringUtils = require('./string-utils-45f764ac.js');
-const stzhDatepickerCss = ".sc-stzh-datepicker-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-datepicker-h,[stzh-hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::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-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker{outline-style:none !important}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker::-moz-focus-inner{border:0 !important}.sc-stzh-datepicker-h{--calendar-width:var(--stzh-calendar-width);width:100%}[inline].sc-stzh-datepicker-h:not([inline=false]){width:var(--calendar-width)}.stzh-datepicker__popover.sc-stzh-datepicker{--width:auto}.stzh-datepicker__calendar.sc-stzh-datepicker{margin-left:auto;margin-right:auto}.stzh-datepicker__calendar.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker{display:flex;width:var(--calendar-width);margin-left:auto;margin-right:auto}.stzh-datepicker__actions.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}.stzh-datepicker--has-action.sc-stzh-datepicker .stzh-datepicker__popover.sc-stzh-datepicker{--content-padding:0 0 var(--stzh-space-small) 0}";
+const stzhDatepickerCss = ".sc-stzh-datepicker-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-datepicker-h,[stzh-hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::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-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker{outline-style:none !important}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker::-moz-focus-inner{border:0 !important}.sc-stzh-datepicker-h{--calendar-width:var(--stzh-calendar-width);width:100%;position:relative}[inline].sc-stzh-datepicker-h:not([inline=false]){width:var(--calendar-width)}.stzh-datepicker__popover.sc-stzh-datepicker{--width:auto}.stzh-datepicker__calendar.sc-stzh-datepicker{margin-left:auto;margin-right:auto}.stzh-datepicker__calendar.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker{display:flex;width:var(--calendar-width);margin-left:auto;margin-right:auto}.stzh-datepicker__actions.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}.stzh-datepicker--has-action.sc-stzh-datepicker .stzh-datepicker__popover.sc-stzh-datepicker{--content-padding:0 0 var(--stzh-space-small) 0}";
 const StzhDatepickerStyle0 = stzhDatepickerCss;
 const StzhDatepicker = class {
@@ -163,11 +163,11 @@ const StzhDatepicker = class {
             "stzh-datepicker--inline": this.inline,
             "stzh-datepicker--has-action": actionUsed,
         };
-        return (index.h(index.Host, { key: 'f8eb72fe6370b350c2ae1904aa060e71407dcc3f', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '884f50ba5993b2b96760ae104d1f57b29ae28032', class: classes }, index.h("input", { key: '938ebd2d1d167ec210457586e6af271c84576db5', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (index.h(index.Fragment, { key: 'ed0b426be60042b5b0806c617d0ecdc7b0772034' }, index.h("stzh-calendar", { key: '2b221a540441c14c6d9d25aa743912f3eade3f60',
+        return (index.h(index.Host, { key: '4ff21a8fcd972b2619acae49ee0f22d3d0de2147', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '8bc68db9617210bdaf0130c979e5db77bd271366', class: classes }, index.h("input", { key: '3a580a6831d811e4bc3c9739aec1748b8a3bcf90', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (index.h(index.Fragment, { key: 'a3f0746ac7bfd4a627f1fafd42c524df03681600' }, index.h("stzh-calendar", { key: '7514b26698908cfa19e0d965f0d838b471eef594',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: '6ea9c8708f984c4d2381a2bad9a097bbf58dba54', class: "stzh-datepicker__actions" }, index.h("slot", { key: '64cde269464550a34d561c8393d9282d8b1a9de8', name: "action" })))), !this.inline && (index.h("stzh-input", { key: '723e9f64d06cf61fad98cc2d33c3a62de402771f', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, index.h("stzh-popover", { key: 'ede051690990d0857f7a8e628ed246d420b1f92c', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, index.h("stzh-button", { key: 'd9e363505d99b3741146da43d7129aa03c120af1', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), index.h("div", { key: '228faca0d9d06d65f1b4c22bffa78daa65186887', slot: "content" }, index.h("stzh-calendar", { key: 'a9abef6995ee18d51770f2c5600135130db1d3c9',
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: 'e893e6f4b8cdf52a16011dffe2a228baaf6eaa4b', class: "stzh-datepicker__actions" }, index.h("slot", { key: '190ffdaab1a41fbd6b31e63ed4b91b9cbf648fe4', name: "action" })))), !this.inline && (index.h("stzh-input", { key: '5b06696ac06ec03e8db3e771957b6309a9b77a4a', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, index.h("stzh-popover", { key: '033bb37fd62713376ad0ee54381b4f2d0cabe9be', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, index.h("stzh-button", { key: 'e1f192ae423808b8ae971f96f091d447a47beb10', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), index.h("div", { key: 'a8ab8497e4bc47f2295bc77945748e3669dec0c6', slot: "content" }, index.h("stzh-calendar", { key: '434c79f929e60d7007454550cb1d5cbff71fe743',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: '3a0060c46684de5d23bcd1459b7bcb140bde758b', class: "stzh-datepicker__actions" }, index.h("slot", { key: 'c31f574a17c7a7c64288cf34366cef1cdc56248f', name: "action" })))))))));
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: 'e11f352cb4f42017425498de2454a4e259eb0d9f', class: "stzh-datepicker__actions" }, index.h("slot", { key: '09e89c4faa8f7f7916fe1b4ee60e086a45cf787a', name: "action" })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -299,11 +299,11 @@ const StzhRadio = class {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (index.h(index.Host, { key: '2f8fff62a87c26c3a81f42c9141406c719ad61e2', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'ec176f68fc957a9965f168fb1755c41d247afaaf', class: classes }, index.h("label", { key: 'f17a7080cdda68f63133764d8f233027bc195255', class: "stzh-radio__field-wrapper" }, index.h("input", { key: 'b658d1751710374ea66196ff605cbd40c7f47db1', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: '499aa68aee3a45dfaa065fbeca6f3bc34d700045', class: "stzh-radio__mark" }, index.h("div", { key: 'e8f8d4362955378e80cefdb4a9a0fef65c2ecb4e', class: "stzh-radio__check" })), index.h("div", { key: 'c3dc4b21bdf5d6ea3106e60806f6ce5aa2f46759', class: "stzh-radio__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '57dc05a8d644fb76c3fd68c763b340584bf0e9de', class: "stzh-radio__marker" }, index.h("span", { key: '596577fec87f901690e7aa9a60e75f762288e5f1', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: 'dbf8b21aff62ac6f5be491da9f776bd582c5d28c', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'eb23bd8a14864cbe0bc5cf612f2c08b68342eb59', class: classes }, index.h("label", { key: 'e1c6512dd48fd52895d0e8e7e86dcace891a1910', class: "stzh-radio__field-wrapper" }, index.h("input", { key: '50d32323f0e8d5cc13b707d4f7b8f15ef11f8e83', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: '1bf92e53b6c0ef409f22a1db1ece84cf6bc545a4', class: "stzh-radio__mark" }, index.h("div", { key: 'a62785dd316355109f7ea356fa615ec31b27d507', class: "stzh-radio__check" })), index.h("div", { key: '3072bc6b20dc92e59aa23f96774aad632050ae2f', class: "stzh-radio__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: 'c0d39971566a8339b55596d09f83ae2dfe43041f', class: "stzh-radio__marker" }, index.h("span", { key: '02d0d416d960f924c96635fdd7bfadd3a4a3191a', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '83c37d88f8f67d8139c17d49de05ba516eeac19f', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '87ab5acf3285e08d28bcc5e31efd788a4895d317', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: '0b1f5c9c4afe3f1579a4655f12048630baecac47', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'b791dde46aca700c13b08a4b79739e67f2edab42', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -487,11 +487,11 @@ const StzhRadiogroup = class {
             "stzh-radiogroup--hide-legend": this.hideLegend,
             [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (index.h(index.Host, { key: '8e99dacb2df403dff3b951adbbb682db6aa6426b', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: 'b75b7af62c12da9a88ce74dff622f31f67e53e1f', class: classes }, this.legend && (index.h("legend", { key: '8ddab774206660de15f74ac22c76a3970f77f19d', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (index.h("span", { key: 'd8d37a3b867318c096a7af40212d1a94afb5032f', class: "stzh-radiogroup__marker" }, index.h("span", { key: '563a6dc72f321c1bab5de50f1820a3b8b76274ae', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '3740b25eec16d9fad4da5980f3af77f404758ed5', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: '378419593f1c8ec674ab05ae5c21d2ac479df47e', class: classes }, this.legend && (index.h("legend", { key: '9001d54aa5c245ea896e31571022fd3a2cfe689c', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (index.h("span", { key: '43daa7ee9ed341ec99d2296693093fa58bf0974a', class: "stzh-radiogroup__marker" }, index.h("span", { key: '368c20f2f5549f3c8fe9cdea1651756fd101d44f', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'e6572170cdbb8e5d625fb5054d4a971cc0cf4d3b', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '9e2af580b4cf76df2cb23085e9c00d3f4d5b5490', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), index.h("div", { key: '4cde77b6e7a220b9c83e41468904f5c644b7c1ee', class: "stzh-radiogroup__fields" }, index.h("slot", { key: 'f861e8ba051d15a78e8bac1098b2fc5c7e60482a' })), (this.errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'e269f6d99f4fc24e43163436df61d57828504943', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), index.h("div", { key: 'cd50cb2242004743ffe6806c21a863ac18189ed5', class: "stzh-radiogroup__fields" }, index.h("slot", { key: '983b6975197132434ce41131edb29a531e71017b' })), (this.errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: '1ef57d5d0cf9fcaf96dc368b7f48c4f39acb8c21', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {