npm - @oiz/stzh-components - Versions diffs - 4.3.0 → 4.3.2 - Mend

@oiz/stzh-components 4.3.0 → 4.3.2

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

Files changed (481) hide show

package/dist/stzh-components/{p-588eaf19.entry.js → p-fd1d7e46.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as a,F as s,a as i,g as e}from"./p-ef5985a3.js";import{h as c}from"./p-09b5eb01.js";import"./p-dae15605.js";const n='.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" "responsibility responsibility responsibility responsibility" "additional additional additional additional" "info info info info" "availability availability availability availability"\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" "image image image image . . . ." "responsibility responsibility responsibility responsibility responsibility responsibility . ." "additional additional additional additional additional additional additional additional" "info info info info availability availability availability availability"\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" "image image image image . . . ." "responsibility responsibility responsibility responsibility responsibility responsibility . ." "additional additional additional additional additional additional additional additional" "info info info info info info info info"\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__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-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-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 h=n;function o(t){return t.replace(/\s/g,"")}const d=class{constructor(a){t(this,a);this._street=[];this._streetInfo=[];this._numbers=[];this._emails=[];this._availability=[];this.type="Organization";this.mainHeading=undefined;this.subHeading=undefined;this.mainHeadingLevel="2";this.heading=undefined;this.responsibilityTitle=undefined;this.responsibility=undefined;this.headingLevel="3";this.name=undefined;this.personRole=undefined;this.address=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.emails=[];this.pobox=undefined;this.poboxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.contactTitle=undefined;this.availabilityTitleLevel="3";this.availability=undefined;this.additionalInformation=undefined}availabilityWatcher(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}}numbersWatcher(t){if(typeof t==="string"){try{this._numbers=JSON.parse(t)}catch(t){}}else{this._numbers=t}}emailsWatcher(t){if(typeof t==="string"){try{this._emails=JSON.parse(t)}catch(t){}}else{this._emails=t}}streetWatcher(t){if(typeof t==="string"){try{this._street=JSON.parse(t)}catch(a){this._street=[t]}}else if(t){this._street=t}}streetInfoWatcher(t){if(typeof t==="string"){try{this._streetInfo=JSON.parse(t)}catch(a){this._streetInfo=[t]}}else if(t){this._streetInfo=t}}async componentWillLoad(){this.numbersWatcher(this.numbers);this.emailsWatcher(this.emails);this.availabilityWatcher(this.availability);this.streetWatcher(this.street);this.streetInfoWatcher(this.streetInfo)}render(){const t=c(this.element,"image");const e=!!this.address||c(this.element,"address");const n=c(this.element,"addons");const h=c(this.element,"links");const d={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-address":e,"stzh-contact--has-addons":n,"stzh-contact--has-links":h};const l=`h${this.headingLevel}`;const r=`h${this.availabilityTitleLevel}`;const z=this.type==="Person";const m=this.type==="Organization";return a(i,{key:"6b8541537fa72ea30cf713432d7a782b43342a6d","has-availability":!!this.availability?"true":"false"},a("div",{key:"aad3bd662c1e63d6d9218e409b5fc874c4c66343",class:d,itemscope:true,itemtype:`http://schema.org/${this.type}`},a("div",{key:"ad3237d5f2804515cb01f523c674f877fea41247",class:"stzh-contact__main-heading",itemprop:m&&!this.heading||z&&!this.name?"name":null},a("div",{key:"00bdb58cc0f05253ea6dcdfa3b6e14c705f66e78",class:"stzh-contact__main-heading-section"},this.mainHeading?a("stzh-heading",{level:this.mainHeadingLevel},this.mainHeading):a("slot",{name:"main-heading"})),a("div",{key:"628d2ccc67bfacda3c8de3d1c5a6a9f2398eeb02",class:z&&"stzh-contact__main-heading-text"},this.personRole&&z&&a("stzh-heading",{key:"0902316e715a1d20d66d6fc8047deb153117e21d",curve:"h3",level:"3"},a("span",{key:"0617d2c74a292e5113bd22a5b2c81a17b880c4df",class:"stzh-contact__role"},this.personRole)),(z&&this.name||m&&this.heading)&&a("div",{key:"332c3ac203010f2676f6117fc56c0e831f9f6d9a",class:"stzh-contact__main-heading-type"},this.name&&z&&a("stzh-heading",{key:"755ec8545699c95ac374d04f490cb689a5af6729",level:"3",curve:"h3"},this.name),this.heading&&m&&a("stzh-heading",{key:"4aa4174d3b6e4853407775dd85bacc21dd8cab86",level:"3",curve:"h3"},this.heading))),z&&a("div",{key:"e871e95220c2561327b01d9ca9c2a934315988b8",class:"stzh-contact__image-wrapper"},a("div",{key:"dfe4ed39beeff76c1141968f977129fe28f9ca76",class:"stzh-contact__image"},a("slot",{key:"6ff4ad3afb9b72c31f13a7bbbe7db2f23485beb3",name:"image"})))),a("div",{key:"291ab81adec9944d09c6c0de0b591f33caf49224",class:"stzh-contact__responsibility"},this.responsibilityTitle&&a(l,{key:"8ef29b08b5e4f2cd328363a4c9428cebe4e603b6",class:"stzh-contact__heading",itemprop:this.responsibilityTitle,innerHTML:this.responsibilityTitle}),this.responsibility&&a("stzh-text",{key:"4bc9e6c6e7de53dc01b3504a324c5ac433d34b30",class:"stzh-contact__responsibility-text"},this.responsibility)),a("div",{key:"af235727b2c031b0e3d8dc7dd7720e936517e81a",class:"stzh-contact__additional"},a("slot",{key:"7ffb069fc22db12de0e04054dd8cf58534b86eb4"})),a("div",{key:"aff858962b2ce4463fc9959a57c9d7af1622dc55",class:"stzh-contact__info"},this.contactTitle&&a(r,{key:"c394aefa71aff5d7d62004291d98922a4e7df53a",class:"stzh-contact__availability-title"},this.contactTitle),a("div",{key:"426337259b75b06a82c5198a1c9543a3ad71427c",class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress",innerHTML:this.address},!this.address&&a(s,{key:"17268dc31944cdd90d2754e437e1d60c09bdf3ec"},this._street.length>0&&a("div",{key:"5e6270964c6964a0b6c2008a738efee28ac69b1a",class:"stzh-contact__street",itemprop:"streetAddress"},this._street.map((t=>a(s,null,t,a("br",null)))),this._streetInfo.length>0&&a(s,{key:"d2045a6ef5657a783d6518aa5305ea7f716cda4c"},a("br",{key:"7fae58b05722abcbdc71db94b83e96a217c444aa"})," ",this._streetInfo.map((t=>a(s,null,t,a("br",null)))))),this.postalCode&&a("span",{key:"60b2b7bd58dcb5744b56b04b16e8fae352f5bc46",class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&a("span",{key:"87629752284a1cff677d5b6d023ecb143ff4b668",class:"stzh-contact__locality",itemprop:"addressLocality"},this.location),a("slot",{key:"b9b87cc58667da786ab3c4dc353fec4da5e06699",name:"address"}))),this._numbers.length>0&&a("div",{key:"23b08eddaac0ee37575966710cd069991a4c836a",class:"stzh-contact__numbers"},this._numbers.map((t=>a("div",{class:"stzh-contact__number"},a("span",null,t.label," "),a("stzh-link",{size:"inherit",height:"auto",class:"stzh-contact__number-link",href:`${t.type}:${o(t.number)}`,analyticsId:t.analyticsId||`${t.label} ${t.number}`,itemprop:t.type==="fax"?"faxNumber":"telephone"},t.number))))),this._emails.length>0&&a("div",{key:"44059220e4cc3c0624edb1581928b8f1bced2861",class:"stzh-contact__emails"},this._emails.map((t=>a("div",{class:"stzh-contact__email"},a("span",null,t.label," "),t.href?a("stzh-link",{size:"inherit",height:"auto",class:"stzh-container__email-link",href:`mailto:${t.href}`,analyticsId:t.analyticsId||`${t.label} ${t.text}`,itemprop:"email"},t.text):a("span",{class:"stzh-container__email-link",itemprop:"email"},t.text))))),a("div",{key:"cd56eeaa0fd06b56f359a542eb2ec2dc2169dc3c",class:"stzh-contact__pobox",innerHTML:this.pobox},!this.pobox&&a(s,{key:"7aeff13d49a47ae5af8852c28f85cfadba07b769"},this.poboxHeading&&a("div",{key:"11c88ecbf1dd8797019f8aa36e79e306ad7caffd",class:"stzh-contact__pobox-heading"},this.poboxHeading),this.poboxTitle&&a("div",{key:"0c001a205f0b9c5aac4586821075bdd4e13a17e0",class:"stzh-contact__pobox-title"},this.poboxTitle),this.poboxPostalCode&&a("span",{key:"dc4871fad9ca21139aac00c278d4ffb5f7c6f384",class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),this.poboxLocation&&a("span",{key:"c3aeb4691276de4d14db7472cf24e62f22e0d1a2",class:"stzh-contact__pobox-locality"},this.poboxLocation),a("slot",{key:"6567429810cd01d6373a1d2b933566b7cd77b37d",name:"pobox"}))),a("div",{key:"1e4f6714a7af441aa41126537268cafe926b6012",class:"stzh-contact__additional-information",innerHTML:this.additionalInformation})),this.availability&&a("div",{key:"fa36566c87980d7d759157959694e395fee2f54e",class:"stzh-contact__availability"},this.availabilityTitle&&a(r,{key:"b4232d73295a0a61225a55f081237b3fa320e4dd",class:"stzh-contact__availability-title"},this.availabilityTitle),this._availability.length>0&&a("ul",{key:"621ed0fae705ba1dbc820dab1716b0d4bcad636b",class:"stzh-contact__availability-list"},this._availability.map((t=>a("li",{class:"stzh-contact__availability-list-item"},a("div",{class:"stzh-contact__availability-weekday"},t.weekday),t.hours.length>0&&a("div",{class:"stzh-contact__availability-hours"},t.hours.map(((i,e)=>a(s,null,a("div",{class:"stzh-contact__availability-hour"},i),e<t.hours.length-1&&a("div",{class:"stzh-contact__availability-hours-separator"}))))))))))))}get element(){return e(this)}static get watchers(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"],emails:["emailsWatcher"],street:["streetWatcher"],streetInfo:["streetInfoWatcher"]}}};d.style=h;export{d as stzh_contact};
-//# sourceMappingURL=p-588eaf19.entry.js.map
+import{r as t,h as a,F as s,a as i,g as e}from"./p-ef5985a3.js";import{h as c}from"./p-09b5eb01.js";import"./p-dae15605.js";const n='.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" "responsibility responsibility responsibility responsibility" "additional additional additional additional" "info info info info" "availability availability availability availability"\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" "image image image image . . . ." "responsibility responsibility responsibility responsibility responsibility responsibility . ." "additional additional additional additional additional additional additional additional" "info info info info availability availability availability availability"\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" "image image image image . . . ." "responsibility responsibility responsibility responsibility responsibility responsibility . ." "additional additional additional additional additional additional additional additional" "info info info info info info info info"\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__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-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-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 h=n;function o(t){return t.replace(/\s/g,"")}const d=class{constructor(a){t(this,a);this._street=[];this._streetInfo=[];this._numbers=[];this._emails=[];this._availability=[];this.type="Organization";this.mainHeading=undefined;this.subHeading=undefined;this.mainHeadingLevel="2";this.heading=undefined;this.responsibilityTitle=undefined;this.responsibility=undefined;this.headingLevel="3";this.name=undefined;this.personRole=undefined;this.address=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.emails=[];this.pobox=undefined;this.poboxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.contactTitle=undefined;this.availabilityTitleLevel="3";this.availability=undefined;this.additionalInformation=undefined}availabilityWatcher(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}}numbersWatcher(t){if(typeof t==="string"){try{this._numbers=JSON.parse(t)}catch(t){}}else{this._numbers=t}}emailsWatcher(t){if(typeof t==="string"){try{this._emails=JSON.parse(t)}catch(t){}}else{this._emails=t}}streetWatcher(t){if(typeof t==="string"){try{this._street=JSON.parse(t)}catch(a){this._street=[t]}}else if(t){this._street=t}}streetInfoWatcher(t){if(typeof t==="string"){try{this._streetInfo=JSON.parse(t)}catch(a){this._streetInfo=[t]}}else if(t){this._streetInfo=t}}async componentWillLoad(){this.numbersWatcher(this.numbers);this.emailsWatcher(this.emails);this.availabilityWatcher(this.availability);this.streetWatcher(this.street);this.streetInfoWatcher(this.streetInfo)}render(){const t=c(this.element,"image");const e=!!this.address||c(this.element,"address");const n=c(this.element,"addons");const h=c(this.element,"links");const d={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-address":e,"stzh-contact--has-addons":n,"stzh-contact--has-links":h};const l=`h${this.headingLevel}`;const r=`h${this.availabilityTitleLevel}`;const z=this.type==="Person";const m=this.type==="Organization";return a(i,{key:"93d4945533708c5f54155ec09d869697c5dfbb9d","has-availability":!!this.availability?"true":"false"},a("div",{key:"21fbb484c0fbd69c73b6139f7259e0ecbde636b5",class:d,itemscope:true,itemtype:`http://schema.org/${this.type}`},a("div",{key:"df9824b44ba53745df9e21348dd1954bf67c71b7",class:"stzh-contact__main-heading",itemprop:m&&!this.heading||z&&!this.name?"name":null},a("div",{key:"a0a9e0d01078091fe6bfe1925f199f2a78a7ebf8",class:"stzh-contact__main-heading-section"},this.mainHeading?a("stzh-heading",{level:this.mainHeadingLevel,htmlContent:this.mainHeading}):a("slot",{name:"main-heading"})),a("div",{key:"26d6ad6756f8129d7d4e45741db89b25592b609e",class:z&&"stzh-contact__main-heading-text"},this.personRole&&z&&a("stzh-heading",{key:"049ba30d9ac80f4db06aa3f6364b58c5a9e95923",curve:"h3",level:"3"},a("span",{key:"079c690b01c708e988d0a75e85563d48fbb79309",class:"stzh-contact__role"},this.personRole)),(z&&this.name||m&&this.heading)&&a("div",{key:"3e12f29a5e60fe99bc44d398f13507d9be71b856",class:"stzh-contact__main-heading-type"},this.name&&z&&a("stzh-heading",{key:"473db1cf026895d46852e9094bb7d4768f8eb7f8",level:"3",curve:"h3",htmlContent:this.name}),this.heading&&m&&a("stzh-heading",{key:"bbb9b4938f5815add217db20195958bd4be07108",level:this.headingLevel,htmlContent:this.heading}))),z&&a("div",{key:"f9effa7cdd17d256281d898bad5194e157f6fa8e",class:"stzh-contact__image-wrapper"},a("div",{key:"1e68373b7d0e16982ba3baf8f66ffd401c7e48c4",class:"stzh-contact__image"},a("slot",{key:"83c5431b52277c0506fe95562c91459c6f17b576",name:"image"})))),a("div",{key:"642b9cb1ec65d41b2d107bb1f387329a3faa1cf0",class:"stzh-contact__responsibility"},this.responsibilityTitle&&a(l,{key:"2e1b6f5588b65b3fa056f7e17663d81e3b9f32d1",class:"stzh-contact__heading",itemprop:this.responsibilityTitle,innerHTML:this.responsibilityTitle}),this.responsibility&&a("stzh-text",{key:"ed48acd6a159fb2cb690c4079cec3d84fbd00497",class:"stzh-contact__responsibility-text"},this.responsibility)),a("div",{key:"43a7446f969151c3e21d90e3f600028db8c05e16",class:"stzh-contact__additional"},a("slot",{key:"1a150cc4eed26b87a2ca08d4408f8caed124bcc9"})),a("div",{key:"cc919ad3fe2e89466c74186f3cf0f8148063b543",class:"stzh-contact__info"},this.contactTitle&&a(r,{key:"efd9578deb0ad609d62a0ef07561101af4557877",class:"stzh-contact__availability-title"},this.contactTitle),a("div",{key:"cc78788563933b1d5859987c15bd89848ca68d5c",class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress",innerHTML:this.address},!this.address&&a(s,{key:"2002678bcea2922f5620815f178d8aa723c3aba4"},this._street.length>0&&a("div",{key:"06a3a190526dab590d730bf6b5fb050b2d7fb9a0",class:"stzh-contact__street",itemprop:"streetAddress"},this._street.map((t=>a(s,null,t,a("br",null)))),this._streetInfo.length>0&&a(s,{key:"f133c4af6da56efc2de25a22fc8f33962c0897dc"},a("br",{key:"a1d46b45f61021828848d53731518bfeef2355df"})," ",this._streetInfo.map((t=>a(s,null,t,a("br",null)))))),this.postalCode&&a("span",{key:"2806f448f9417793e4d5520ce05b80484552709b",class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&a("span",{key:"99593cb7744ac09fd867027812fb6d0c0cc80aad",class:"stzh-contact__locality",itemprop:"addressLocality"},this.location),a("slot",{key:"65ae05ec65680f1db093e4d960d5ec16ed44af73",name:"address"}))),this._numbers.length>0&&a("div",{key:"edf3676c5dfae6767c826eaf48d1eb3e33fd7a5d",class:"stzh-contact__numbers"},this._numbers.map((t=>a("div",{class:"stzh-contact__number"},a("span",null,t.label," "),a("stzh-link",{size:"inherit",height:"auto",class:"stzh-contact__number-link",href:`${t.type}:${o(t.number)}`,analyticsId:t.analyticsId||`${t.label} ${t.number}`,itemprop:t.type==="fax"?"faxNumber":"telephone"},t.number))))),this._emails.length>0&&a("div",{key:"ce89c2b9a98dc95cbcee2f84edc11d04eb7b8609",class:"stzh-contact__emails"},this._emails.map((t=>a("div",{class:"stzh-contact__email"},a("span",null,t.label," "),t.href?a("stzh-link",{size:"inherit",height:"auto",class:"stzh-container__email-link",href:`mailto:${t.href}`,analyticsId:t.analyticsId||`${t.label} ${t.text}`,itemprop:"email"},t.text):a("span",{class:"stzh-container__email-link",itemprop:"email"},t.text))))),a("div",{key:"4b561bd1ed2b46f95a8f7b95432fe95e1390dddd",class:"stzh-contact__pobox",innerHTML:this.pobox},!this.pobox&&a(s,{key:"60fa5340056627cb308228c8b58376673c1524d9"},this.poboxHeading&&a("div",{key:"cc2e3fd70029606c4e96a8f59051c5d5ca56bb3a",class:"stzh-contact__pobox-heading"},this.poboxHeading),this.poboxTitle&&a("div",{key:"ea19b8d89b032c88f1fb8f4981c58e1499c29189",class:"stzh-contact__pobox-title"},this.poboxTitle),this.poboxPostalCode&&a("span",{key:"f77806ea195d5480d13cdf11289561bc29e23c44",class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),this.poboxLocation&&a("span",{key:"c224395b559279075a38b1c36c87655c7887f0b8",class:"stzh-contact__pobox-locality"},this.poboxLocation),a("slot",{key:"01b76f256b385765d1db26103f87f3b932cc9bc3",name:"pobox"}))),a("div",{key:"af3b869df99b64e45751386e81a0d43c7be6c73f",class:"stzh-contact__additional-information",innerHTML:this.additionalInformation})),this.availability&&a("div",{key:"7df16ac63cfe7a03d068a80a04eab0072d068319",class:"stzh-contact__availability"},this.availabilityTitle&&a(r,{key:"368dc0f38f8ffa5d4172d512b87a1e603c1d7dba",class:"stzh-contact__availability-title"},this.availabilityTitle),this._availability.length>0&&a("ul",{key:"5b7bded566fc0226ad8ef3e10d2b3b4d1c09c5c9",class:"stzh-contact__availability-list"},this._availability.map((t=>a("li",{class:"stzh-contact__availability-list-item"},a("div",{class:"stzh-contact__availability-weekday"},t.weekday),t.hours.length>0&&a("div",{class:"stzh-contact__availability-hours"},t.hours.map(((i,e)=>a(s,null,a("div",{class:"stzh-contact__availability-hour"},i),e<t.hours.length-1&&a("div",{class:"stzh-contact__availability-hours-separator"}))))))))))))}get element(){return e(this)}static get watchers(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"],emails:["emailsWatcher"],street:["streetWatcher"],streetInfo:["streetInfoWatcher"]}}};d.style=h;export{d as stzh_contact};
+//# sourceMappingURL=p-fd1d7e46.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhContactCss","StzhContactStyle0","formatTel","tel","replace","StzhContact","this","_street","_streetInfo","_numbers","_emails","_availability","availabilityWatcher","newValue","JSON","parse","numbersWatcher","jsonParseException","emailsWatcher","streetWatcher","noArrayException","streetInfoWatcher","componentWillLoad","numbers","emails","availability","street","streetInfo","render","hasImage","hasSlot","element","hasAddress","address","hasAddons","hasLinks","classes","HeadingLevel","headingLevel","AvailabilityTitleElement","availabilityTitleLevel","isPerson","type","isOrganization","h","Host","key","class","itemscope","itemtype","itemprop","heading","name","mainHeading","level","mainHeadingLevel","htmlContent","personRole","curve","responsibilityTitle","innerHTML","responsibility","contactTitle","Fragment","length","map","postalCode","location","number","label","size","height","href","analyticsId","email","text","pobox","poboxHeading","poboxTitle","poboxPostalCode","poboxLocation","additionalInformation","availabilityTitle","item","weekday","hours","hour","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\" \"responsibility responsibility responsibility responsibility\" \"additional additional additional additional\" \"info info info info\" \"availability availability availability availability\"\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\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info availability availability availability availability\"\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\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info info info info info\"\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 &__additional {\n grid-area: additional;\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 &__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 {\n Component,\n Element,\n Fragment,\n h,\n Host,\n Prop,\n Watch,\n} from '@stencil/core'\n\nimport {\n ContactEmail,\n ContactNumber,\n StzhContactAvailabilityItem,\n} 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 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\n <div class=\"stzh-contact__main-heading\"\n itemprop={\n (isOrganization && !this.heading) ||\n (isPerson && !this.name)\n ? 'name'\n : null\n }\n >\n <div class=\"stzh-contact__main-heading-section\">\n {this.mainHeading\n ? <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading}/>\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\">\n {this.personRole}\n </span>\n </stzh-heading>\n )}\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 }\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\">\n {this.responsibility}\n </stzh-text>\n )}\n </div>\n\n <div class=\"stzh-contact__additional\">\n <slot></slot>\n </div>\n\n <div class=\"stzh-contact__info\">\n\n {this.contactTitle && (\n <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n {this.contactTitle}\n </AvailabilityTitleElement>\n )}\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\n class=\"stzh-contact__postal-code\"\n itemprop=\"postalCode\"\n >\n {this.postalCode} \n </span>\n )}\n\n {this.location && (\n <span\n class=\"stzh-contact__locality\"\n itemprop=\"addressLocality\"\n >\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={\n number.analyticsId || `${number.label} ${number.number}`\n }\n itemprop={\n number.type === 'fax' ? 'faxNumber' : 'telephone'\n }\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={\n email.analyticsId || `${email.label} ${email.text}`\n }\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 && (\n <div class=\"stzh-contact__pobox-heading\">\n {this.poboxHeading}\n </div>\n )}\n {this.poboxTitle && (\n <div class=\"stzh-contact__pobox-title\">\n {this.poboxTitle}\n </div>\n )}\n {this.poboxPostalCode && (\n <span class=\"stzh-contact__pobox-postal-code\">\n {this.poboxPostalCode} \n </span>\n )}\n {this.poboxLocation && (\n <span class=\"stzh-contact__pobox-locality\">\n {this.poboxLocation}\n </span>\n )}\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\">\n {item.weekday}\n </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\">\n {hour}\n </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"],"mappings":"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"}

package/dist/stzh-components/{p-44c77ad6.entry.js → p-fedaf68c.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as e,g as o}from"./p-ef5985a3.js";import{s as i,c as n}from"./p-09b5eb01.js";import{b as r}from"./p-dae15605.js";const h=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";const a=h;const c=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-print":true};return s(e,{key:"da027280b3769909f900b669a3ed5e3d5dc90b13"},s("div",{key:"85085b412548933d1274fb77521948ae0bc353a7",class:t},s("slot",{key:"c87522735623b5a6c9b9d55fa55d1c25d00fd151"})))}get element(){return o(this)}};c.style=a;const l=".sc-stzh-share-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-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::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-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}";const d=l;const f=256;const u=class{constructor(s){t(this,s);this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.mailSubject=undefined;this.mailBody=undefined;this.services=["mail","facebook","twitter","linkedin","xing"]}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const a=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const c=encodeURIComponent(document.title);const l=encodeURIComponent(r(c,f));const d=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${a}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${l}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${d}&title=${c}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"5ad2af5c370ed497ab4f6d289e1ef1cc8c8dcb61"},s("div",{key:"ec90f05ea4647c29c2f2ba8559c5f91b21f147b4",class:o},s("ul",{key:"678a51b1aa3273bc086f44a49e8cee040f2d8c54",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};u.style=d;export{c as stzh_print,u as stzh_share};
-//# sourceMappingURL=p-44c77ad6.entry.js.map
+import{r as t,h as s,a as e,g as o}from"./p-ef5985a3.js";import{s as i,c as n}from"./p-09b5eb01.js";import{b as r}from"./p-dae15605.js";const h=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";const a=h;const c=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-print":true};return s(e,{key:"48e764b5446f045f57086806618a6f5ec0e3f42a"},s("div",{key:"d898bbbff5ce7f8906c0159af5af13c4670696bf",class:t},s("slot",{key:"8708b8f04b82dd2d3e28ae4cde0dbb682106b808"})))}get element(){return o(this)}};c.style=a;const l=".sc-stzh-share-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-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::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-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}";const d=l;const f=256;const u=class{constructor(s){t(this,s);this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.mailSubject=undefined;this.mailBody=undefined;this.services=["mail","facebook","twitter","linkedin","xing"]}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const a=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const c=encodeURIComponent(document.title);const l=encodeURIComponent(r(c,f));const d=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${a}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${l}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${d}&title=${c}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"5ad2af5c370ed497ab4f6d289e1ef1cc8c8dcb61"},s("div",{key:"ec90f05ea4647c29c2f2ba8559c5f91b21f147b4",class:o},s("ul",{key:"678a51b1aa3273bc086f44a49e8cee040f2d8c54",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};u.style=d;export{c as stzh_print,u as stzh_share};
+//# sourceMappingURL=p-fedaf68c.entry.js.map