@oiz/stzh-components 4.3.1 → 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 (24) hide show
  1. package/dist/cjs/{app-globals-123a5a5f.js → app-globals-e1e74ca4.js} +2 -2
  2. package/dist/cjs/{app-globals-123a5a5f.js.map → app-globals-e1e74ca4.js.map} +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/stzh-components.cjs.js +1 -1
  5. package/dist/cjs/stzh-contact.cjs.entry.js +3 -4
  6. package/dist/cjs/stzh-contact.cjs.entry.js.map +1 -1
  7. package/dist/collection/components/CMS/stzh-contact/stzh-contact.js +3 -4
  8. package/dist/collection/components/CMS/stzh-contact/stzh-contact.js.map +1 -1
  9. package/dist/components/index.js +1 -1
  10. package/dist/components/stzh-contact.js +3 -4
  11. package/dist/components/stzh-contact.js.map +1 -1
  12. package/dist/esm/{app-globals-fc68a15b.js → app-globals-a68db587.js} +2 -2
  13. package/dist/esm/{app-globals-fc68a15b.js.map → app-globals-a68db587.js.map} +1 -1
  14. package/dist/esm/loader.js +1 -1
  15. package/dist/esm/stzh-components.js +1 -1
  16. package/dist/esm/stzh-contact.entry.js +3 -4
  17. package/dist/esm/stzh-contact.entry.js.map +1 -1
  18. package/dist/stzh-components/{p-eeac40e8.js → p-30632dd5.js} +2 -2
  19. package/dist/stzh-components/{p-238862e6.entry.js → p-fd1d7e46.entry.js} +2 -2
  20. package/dist/stzh-components/p-fd1d7e46.entry.js.map +1 -0
  21. package/dist/stzh-components/stzh-components.esm.js +1 -1
  22. package/package.json +1 -1
  23. package/dist/stzh-components/p-238862e6.entry.js.map +0 -1
  24. /package/dist/stzh-components/{p-eeac40e8.js.map → p-30632dd5.js.map} +0 -0
package/dist/components/stzh-contact.js CHANGED
@@ -136,10 +136,9 @@ const StzhContact$1 = /*@__PURE__*/ proxyCustomElement(class StzhContact extends
136
136
  (isPerson && !this.name)
137
137
  ? 'name'
138
138
  : null }, h("div", { key: 'a0a9e0d01078091fe6bfe1925f199f2a78a7ebf8', class: "stzh-contact__main-heading-section" }, this.mainHeading
139
- ? h("stzh-heading", { level: this.mainHeadingLevel }, this.mainHeading)
140
- : h("slot", { name: "main-heading" })), h("div", { key: '624f5866958eeebd78d804e5990a4b942a2ea396', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: 'f77f4ccb63a15ede808ed8571cc00961faf6673c', curve: 'h3', level: "3" }, h("span", { key: '2b0c1f0358e88dd260d3721caadfb6ad7d55f790', class: "stzh-contact__role" }, this.personRole))), (isPerson && this.name || isOrganization && this.heading) &&
141
- (h("div", { key: 'fa6e6338ab41750e11e9a762bc21e3f2844bebf5', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (h("stzh-heading", { key: '1b2cfe68d54f93df8f70c26e70e1d62ec9963eaf', level: '3', curve: 'h3' }, this.name)), this.heading && isOrganization && (h("stzh-heading", { key: '53b0d0efb0cc79736f778b965aaff501e648c24f', level: '3', curve: 'h3' }, this.heading))))), isPerson &&
142
- h("div", { key: 'eba517376f9c200905dd5d9de9382dcf4dced074', class: "stzh-contact__image-wrapper" }, h("div", { key: 'dd125bd1645e7421bab861cefce70abc28e56322', class: "stzh-contact__image" }, h("slot", { key: 'cff766c34f696dffde3843a1273c49b1ab0649c0', name: "image" })))), h("div", { key: '1b2389eb75ee5be06a2ded39300a70c569a25379', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '49e277ca363f842aa868df4ed017723728b465be', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: '7d018472f6542cf9c5b22cbeb139c05ea5c032f1', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '1482ef99a56416c41d19ab3cf8248578c4804954', class: "stzh-contact__additional" }, h("slot", { key: 'd6911d7a87abd210af311f9276449d1bd260a1cb' })), h("div", { key: '95dff45ccc1bf735b8b13d5dedafff8ca55d2f11', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: 'b7887b50884b2d5bd9140760f1f0bb1c6995de58', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: 'fe8e9ec9f0a43a9ef92a2e3765eccfcdcc1be29c', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '55cd9b85e3ecfc0cf0f8422ade1bef276e140cfd' }, this._street.length > 0 && (h("div", { key: '2247555f92482a94387473e8cc710ae024d37041', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'fd808410f980214bb4233aa1b93e1ae7ee2f6ff0' }, h("br", { key: '41780b8cef0db69a42d367f9407aac5da6e9f0ad' }), ' ', this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '559a965a2e54eaf6baece4c8b6aa849bcc02c1dc', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '1d70066f1d693cf3c1e87981297b3e3d15e32d6d', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '062a883c0b935f59bdeea43a64c8d3461b7ad760', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '5dd16057475af7a28eb4b662cd61b0fb2fc1a26b', class: "stzh-contact__numbers" }, this._numbers.map((number) => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), 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 && (h("div", { key: 'ca2cb98ed36db6547b0a0db76ca54275663795e5', class: "stzh-contact__emails" }, this._emails.map((email) => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (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)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '1ff9292c2995aff9b67f8995af25e3b253a3cfb4', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '02d0a42082e1f66e05e56226c544261e60e01344' }, this.poboxHeading && (h("div", { key: 'b8ba5b6b420f4c97001b73870dde0c70f315d940', class: "stzh-contact__pobox-heading" }, this.poboxHeading)), this.poboxTitle && (h("div", { key: 'bc6ddbfcc42a30d9bdeea954d189530789dbc299', class: "stzh-contact__pobox-title" }, this.poboxTitle)), this.poboxPostalCode && (h("span", { key: 'a683f8622e40375d4f518e503d5ed7e2d0562c72', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && (h("span", { key: '79f9a1ac5d844b769bf25b2b5ff71584b055d111', class: "stzh-contact__pobox-locality" }, this.poboxLocation)), h("slot", { key: '5ef129599968962584dc59264a9194aabe0683ce', name: "pobox" })))), h("div", { key: '78dd77a6b6c234b94a1ab5e41579c511bbd60d02', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: 'c337d2d2ce09a48ce6b712e8bbe80085a3bbb97e', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: 'e13ab4f82fe129bf429158839faeb9a3e266e85f', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: '84d1fbe568a235e9d0fae6aeead30e2e545ac79b', class: "stzh-contact__availability-list" }, this._availability.map((item) => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
139
+ ? h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })
140
+ : h("slot", { name: "main-heading" })), h("div", { key: '26d6ad6756f8129d7d4e45741db89b25592b609e', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '049ba30d9ac80f4db06aa3f6364b58c5a9e95923', curve: 'h3', level: "3" }, h("span", { key: '079c690b01c708e988d0a75e85563d48fbb79309', class: "stzh-contact__role" }, this.personRole))), (isPerson && this.name || isOrganization && this.heading) && (h("div", { key: '3e12f29a5e60fe99bc44d398f13507d9be71b856', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (h("stzh-heading", { key: '473db1cf026895d46852e9094bb7d4768f8eb7f8', level: '3', curve: 'h3', htmlContent: this.name })), this.heading && isOrganization && (h("stzh-heading", { key: 'bbb9b4938f5815add217db20195958bd4be07108', level: this.headingLevel, htmlContent: this.heading }))))), isPerson &&
141
+ h("div", { key: 'f9effa7cdd17d256281d898bad5194e157f6fa8e', class: "stzh-contact__image-wrapper" }, h("div", { key: '1e68373b7d0e16982ba3baf8f66ffd401c7e48c4', class: "stzh-contact__image" }, h("slot", { key: '83c5431b52277c0506fe95562c91459c6f17b576', name: "image" })))), h("div", { key: '642b9cb1ec65d41b2d107bb1f387329a3faa1cf0', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '2e1b6f5588b65b3fa056f7e17663d81e3b9f32d1', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: 'ed48acd6a159fb2cb690c4079cec3d84fbd00497', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '43a7446f969151c3e21d90e3f600028db8c05e16', class: "stzh-contact__additional" }, h("slot", { key: '1a150cc4eed26b87a2ca08d4408f8caed124bcc9' })), h("div", { key: 'cc919ad3fe2e89466c74186f3cf0f8148063b543', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: 'efd9578deb0ad609d62a0ef07561101af4557877', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: 'cc78788563933b1d5859987c15bd89848ca68d5c', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '2002678bcea2922f5620815f178d8aa723c3aba4' }, this._street.length > 0 && (h("div", { key: '06a3a190526dab590d730bf6b5fb050b2d7fb9a0', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'f133c4af6da56efc2de25a22fc8f33962c0897dc' }, h("br", { key: 'a1d46b45f61021828848d53731518bfeef2355df' }), ' ', this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '2806f448f9417793e4d5520ce05b80484552709b', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '99593cb7744ac09fd867027812fb6d0c0cc80aad', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '65ae05ec65680f1db093e4d960d5ec16ed44af73', name: "address" })))), this._numbers.length > 0 && (h("div", { key: 'edf3676c5dfae6767c826eaf48d1eb3e33fd7a5d', class: "stzh-contact__numbers" }, this._numbers.map((number) => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), 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 && (h("div", { key: 'ce89c2b9a98dc95cbcee2f84edc11d04eb7b8609', class: "stzh-contact__emails" }, this._emails.map((email) => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (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)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '4b561bd1ed2b46f95a8f7b95432fe95e1390dddd', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '60fa5340056627cb308228c8b58376673c1524d9' }, this.poboxHeading && (h("div", { key: 'cc2e3fd70029606c4e96a8f59051c5d5ca56bb3a', class: "stzh-contact__pobox-heading" }, this.poboxHeading)), this.poboxTitle && (h("div", { key: 'ea19b8d89b032c88f1fb8f4981c58e1499c29189', class: "stzh-contact__pobox-title" }, this.poboxTitle)), this.poboxPostalCode && (h("span", { key: 'f77806ea195d5480d13cdf11289561bc29e23c44', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && (h("span", { key: 'c224395b559279075a38b1c36c87655c7887f0b8', class: "stzh-contact__pobox-locality" }, this.poboxLocation)), h("slot", { key: '01b76f256b385765d1db26103f87f3b932cc9bc3', name: "pobox" })))), h("div", { key: 'af3b869df99b64e45751386e81a0d43c7be6c73f', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '7df16ac63cfe7a03d068a80a04eab0072d068319', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: '368dc0f38f8ffa5d4172d512b87a1e603c1d7dba', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: '5b7bded566fc0226ad8ef3e10d2b3b4d1c09c5c9', class: "stzh-contact__availability-list" }, this._availability.map((item) => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
143
142
  }
144
143
  get element() { return this; }
145
144
  static get watchers() { return {
package/dist/components/stzh-contact.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"stzh-contact.js","mappings":";;;;;;;;AAAA,MAAM,cAAc,GAAG,yhZAAyhZ,CAAC;AACjjZ,0BAAe,cAAc;;ACiB7B,SAAS,SAAS,CAAC,GAAW;IAC5B,OAAO,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AAC/B,CAAC;MAcYA,aAAW;;;;QAoCd,YAAO,GAAa,EAAE,CAAA;QAItB,gBAAW,GAAa,EAAE,CAAA;QAe1B,aAAQ,GAAoB,EAAE,CAAA;QAS9B,YAAO,GAAmB,EAAE,CAAA;QA4B5B,kBAAa,GAAkC,EAAE,CAAA;oBA1Ff,cAAc;;;gCASN,GAAG;;;;4BAYP,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,CAAA;SAC1C;aAAM;YACL,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAA;SAC9B;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,CAAA;SACzB;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,CAAA;SACxB;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,CAAA;aACpC;YAAC,OAAO,gBAAgB,EAAE;gBACzB,IAAI,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAA;aAC1B;SACF;aAAM,IAAI,QAAQ,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAA;SACxB;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,CAAA;aACxC;YAAC,OAAO,gBAAgB,EAAE;gBACzB,IAAI,CAAC,WAAW,GAAG,CAAC,QAAQ,CAAC,CAAA;aAC9B;SACF;aAAM,IAAI,QAAQ,EAAE;YACnB,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAA;SAC5B;KACF;IAID,MAAM,iBAAiB;QACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACjC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC/B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC/B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;KACxC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC/C,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QACrE,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;QACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAE/C,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,IAAI;YACpB,yBAAyB,EAAE,QAAQ;YACnC,2BAA2B,EAAE,UAAU;YACvC,0BAA0B,EAAE,SAAS;YACrC,yBAAyB,EAAE,QAAQ;SACpC,CAAA;QAED,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAA;QAC5C,MAAM,wBAAwB,GAAG,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAA;QAClE,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;QACxC,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC;QAEpD,QACE,EAAC,IAAI,yEAAmB,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,OAAO,IAC5D,4DAAK,KAAK,EAAE,OAAO,EAAE,SAAS,QAAC,QAAQ,EAAE,qBAAqB,IAAI,CAAC,IAAI,EAAE,IAEvE,4DAAK,KAAK,EAAC,4BAA4B,EACrC,QAAQ,EACN,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,OAAO;iBAC/B,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;kBACpB,MAAM;kBACN,IAAI,IAGV,4DAAK,KAAK,EAAC,oCAAoC,IAC5C,IAAI,CAAC,WAAW;cACb,oBAAc,KAAK,EAAE,IAAI,CAAC,gBAAgB,IACrC,IAAI,CAAC,WAAW,CACN;cACf,YAAM,IAAI,EAAC,cAAc,GAAQ,CAEjC,EACN,4DAAK,KAAK,EAAE,QAAQ,IAAI,iCAAiC,IACtD,IAAI,CAAC,UAAU,IAAI,QAAQ,KAC1B,qEAAc,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,IAChC,6DAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,UAAU,CACX,CACM,CAChB,EAEC,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,cAAc,IAAI,IAAI,CAAC,OAAO;aAExD,4DAAK,KAAK,EAAC,iCAAiC,IACzC,IAAI,CAAC,IAAI,IAAI,QAAQ,KACpB,qEAAc,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,IAC7B,IAAI,CAAC,IAAI,CACC,CAChB,EACA,IAAI,CAAC,OAAO,IAAI,cAAc,KAC7B,qEAAc,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,IAC7B,IAAI,CAAC,OAAO,CACF,CAChB,CACG,CACL,CAEC,EACL,QAAQ;YACT,4DAAK,KAAK,EAAC,6BAA6B,IACtC,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,CACF,CAEF,EAEN,4DAAK,KAAK,EAAC,8BAA8B,IACrC,IAAI,CAAC,mBAAmB,KACxB,EAAC,YAAY,qDACX,KAAK,EAAC,uBAAuB,EAC7B,QAAQ,EAAE,IAAI,CAAC,mBAAmB,EAClC,SAAS,EAAE,IAAI,CAAC,mBAAmB,GACnC,CACH,EACC,IAAI,CAAC,cAAc,KACnB,kEAAW,KAAK,EAAC,mCAAmC,IACjD,IAAI,CAAC,cAAc,CACV,CACb,CACG,EAEN,4DAAK,KAAK,EAAC,0BAA0B,IACnC,8DAAa,CACT,EAEN,4DAAK,KAAK,EAAC,oBAAoB,IAE5B,IAAI,CAAC,YAAY,KACd,EAAC,wBAAwB,qDAAC,KAAK,EAAC,kCAAkC,IAC/D,IAAI,CAAC,YAAY,CACO,CAC5B,EAGH,4DACE,KAAK,EAAC,uBAAuB,EAC7B,QAAQ,EAAC,SAAS,EAClB,SAAS,QACT,QAAQ,EAAC,iCAAiC,EAC1C,SAAS,EAAE,IAAI,CAAC,OAAO,IAEtB,CAAC,IAAI,CAAC,OAAO,KACZ,EAAC,QAAQ,uDACN,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KACtB,4DAAK,KAAK,EAAC,sBAAsB,EAAC,QAAQ,EAAC,eAAe,IACvD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAc,MAC/B,EAAC,QAAQ,QACN,MAAM,EACP,aAAM,CACG,CACZ,CAAC,EACD,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KAC1B,EAAC,QAAQ,uDACP,4DAAM,EAAC,GAAG,EACT,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAkB,MACvC,EAAC,QAAQ,QACN,UAAU,EACX,aAAM,CACG,CACZ,CAAC,CACO,CACZ,CACG,CACP,EAEA,IAAI,CAAC,UAAU,KACd,6DACE,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAC,YAAY,IAEpB,IAAI,CAAC,UAAU,WACX,CACR,EAEA,IAAI,CAAC,QAAQ,KACZ,6DACE,KAAK,EAAC,wBAAwB,EAC9B,QAAQ,EAAC,iBAAiB,IAEzB,IAAI,CAAC,QAAQ,CACT,CACR,EAED,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACnB,CACZ,CACG,EAEL,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,KACvB,4DAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,MACxB,WAAK,KAAK,EAAC,sBAAsB,IAC/B,gBAAO,MAAM,CAAC,KAAK,WAAc,EACjC,iBACE,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,EACT,MAAM,CAAC,WAAW,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,EAE1D,QAAQ,EACN,MAAM,CAAC,IAAI,KAAK,KAAK,GAAG,WAAW,GAAG,WAAW,IAGlD,MAAM,CAAC,MAAM,CACJ,CACR,CACP,CAAC,CACE,CACP,EAEA,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KACtB,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,MACtB,WAAK,KAAK,EAAC,qBAAqB,IAC9B,gBAAO,KAAK,CAAC,KAAK,WAAc,EAC/B,KAAK,CAAC,IAAI,IACT,iBACE,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,UAAU,KAAK,CAAC,IAAI,EAAE,EAC5B,WAAW,EACT,KAAK,CAAC,WAAW,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,EAErD,QAAQ,EAAC,OAAO,IAEf,KAAK,CAAC,IAAI,CACD,KAEZ,YAAM,KAAK,EAAC,4BAA4B,EAAC,QAAQ,EAAC,OAAO,IACtD,KAAK,CAAC,IAAI,CACN,CACR,CACG,CACP,CAAC,CACE,CACP,EAED,4DAAK,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IACnD,CAAC,IAAI,CAAC,KAAK,KACV,EAAC,QAAQ,uDACN,IAAI,CAAC,YAAY,KAChB,4DAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI,CAAC,YAAY,CACd,CACP,EACA,IAAI,CAAC,UAAU,KACd,4DAAK,KAAK,EAAC,2BAA2B,IACnC,IAAI,CAAC,UAAU,CACZ,CACP,EACA,IAAI,CAAC,eAAe,KACnB,6DAAM,KAAK,EAAC,iCAAiC,IAC1C,IAAI,CAAC,eAAe,WAChB,CACR,EACA,IAAI,CAAC,aAAa,KACjB,6DAAM,KAAK,EAAC,8BAA8B,IACvC,IAAI,CAAC,aAAa,CACd,CACR,EACD,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACjB,CACZ,CACG,EAEN,4DAAK,KAAK,EAAC,sCAAsC,EAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,GAAQ,CAC3F,EAEL,IAAI,CAAC,YAAY,KAChB,4DAAK,KAAK,EAAC,4BAA4B,IACpC,IAAI,CAAC,iBAAiB,KACrB,EAAC,wBAAwB,qDAAC,KAAK,EAAC,kCAAkC,IAC/D,IAAI,CAAC,iBAAiB,CACE,CAC5B,EAEA,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAC5B,2DAAI,KAAK,EAAC,iCAAiC,IACxC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,MAC3B,UAAI,KAAK,EAAC,sCAAsC,IAC9C,WAAK,KAAK,EAAC,oCAAoC,IAC5C,IAAI,CAAC,OAAO,CACT,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KACpB,WAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC1B,EAAC,QAAQ,QACP,WAAK,KAAK,EAAC,iCAAiC,IACzC,IAAI,CACD,EACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KAC5B,WAAK,KAAK,EAAC,4CAA4C,GAAO,CAC/D,CACQ,CACZ,CAAC,CACE,CACP,CACE,CACN,CAAC,CACC,CACN,CACG,CACP,CACG,CACD,EACR;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhContact"],"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}>\n {this.mainHeading}\n </stzh-heading>\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 (\n <div class=\"stzh-contact__main-heading-type\">\n {this.name && isPerson && (\n <stzh-heading level='3' curve='h3'>\n {this.name}\n </stzh-heading>\n )}\n {this.heading && isOrganization && (\n <stzh-heading level='3' curve='h3'>\n {this.heading}\n </stzh-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}&nbsp;\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}&nbsp;</span>\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-contact__number-link\"\n href={`${number.type}:${formatTel(number.number)}`}\n analyticsId={\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}&nbsp;</span>\n {email.href ? (\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-container__email-link\"\n href={`mailto:${email.href}`}\n analyticsId={\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}&nbsp;\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"],"version":3}
1
+ {"file":"stzh-contact.js","mappings":"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","names":["StzhContact"],"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}&nbsp;\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}&nbsp;</span>\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-contact__number-link\"\n href={`${number.type}:${formatTel(number.number)}`}\n analyticsId={\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}&nbsp;</span>\n {email.href ? (\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-container__email-link\"\n href={`mailto:${email.href}`}\n analyticsId={\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}&nbsp;\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"],"version":3}
package/dist/esm/{app-globals-fc68a15b.js → app-globals-a68db587.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  const name = "@oiz/stzh-components";
2
- const version = "4.3.1";
2
+ const version = "4.3.2";
3
3
 
4
4
  const packageName = name.substring(name.indexOf('/')+1);
5
5
  // let focused = false;
@@ -372,4 +372,4 @@ const globalScripts = appGlobalScript;
372
372
 
373
373
  export { globalScripts as g };
374
374
 
375
- //# sourceMappingURL=app-globals-fc68a15b.js.map
375
+ //# sourceMappingURL=app-globals-a68db587.js.map
package/dist/esm/{app-globals-fc68a15b.js.map → app-globals-a68db587.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"app-globals-fc68a15b.js","mappings":"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","names":["packageNameScoped"],"sources":["src/global/js/helpers/autofocus.js","src/global/js/helpers/scrollbar-width.js","src/global/js/helpers/utils.js","src/global/js/script.js","@stencil/core/internal/app-globals"],"sourcesContent":["import { name as packageNameScoped } from '../../../../package.json';\n\nconst packageName = packageNameScoped.substring(packageNameScoped.indexOf('/')+1);\n// let focused = false;\n\n// function debounce(func, timeout = 500){\n// let timer;\n// return (...args) => {\n// clearTimeout(timer);\n// timer = setTimeout(() => { func.apply(this, args); }, timeout);\n// };\n// }\n\nconst debouncedFocus = (event) => {\n // if (focused) {\n // return false;\n // }\n\n const autofocus = document.querySelector('[autofocus]');\n\n if (window.stzhComponents.fixAutofocus\n && !document.location.hash\n && autofocus\n && event.detail.namespace === packageName\n && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0\n && 'focus' in autofocus\n ) {\n autofocus.focus();\n // focused = true;\n } else if (window.stzhComponents.fixHashfocus && document.location.hash) {\n const hashElement = document.querySelector(document.location.hash);\n\n if (hashElement) {\n hashElement.scrollIntoView();\n // focused = true;\n }\n }\n}\n\n/**\n * Execute setFocus method if it exists\n * on stzh-element with autofocus on pageload\n * when (child components are loaded)\n */\nexport function applyAutofocus() {\n window.addEventListener('appload', debouncedFocus);\n}\n","export function observeScrollbarWidth() {\n const config = {\n threshold: 1.0\n };\n\n const handleIntersect = (entries) => {\n entries.forEach(entry => {\n let scrollbarWidth = 0;\n\n if (entry.intersectionRatio < 1) {\n // scrollbarWidth = window.innerWidth - document.body.clientWidth;\n scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n }\n\n document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');\n document.documentElement.style.setProperty('--stzh-scrollbar-active', scrollbarWidth > 0 ? '1' : '0');\n });\n };\n\n const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);\n bodyScrollObserver.observe(document.body);\n}\n","export function format(date, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.format(date, type);\n}\n\nexport function parse(string, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.parse(string, type);\n}\n\nexport function formatSpan(date, date2, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.formatSpan(date, date2, type);\n}\n\nexport function parseSpan(string, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.parseSpan(string, type);\n}\n\nexport function createFormatParseAdapter(formats, globals) {\n // format letters from https://www.php.net/manual/de/datetime.format.php\n const globalFormatter = function (format, date) {\n if (!date || !(date instanceof Date) || isNaN(date.getTime())) {\n return '';\n }\n\n let j = date.getDate().toString(10);\n let d = j;\n let n = (date.getMonth() + 1).toString(10);\n let m = n;\n let yC = date.getFullYear().toString(10);\n let gC = date.getHours().toString(10);\n let hC = gC;\n let i = date.getMinutes().toString(10);\n\n // full textual representation of a month\n let fC = globals.monthNames[date.getMonth()];\n // short textual representation of a month\n let mC = globals.monthNamesShort[date.getMonth()];\n // full textual representation of the day\n let l = globals.dayNames[date.getDay()];\n // short textual representation of the day\n let D = globals.dayNamesShort[date.getDay()];\n\n // months *are* zero-indexed, pad if less than 9!\n if (date.getMonth() < 9) {\n m = `0${m}`;\n }\n\n if (date.getDate() < 10) {\n d = `0${d}`;\n }\n\n if (date.getHours() < 10) {\n hC = `0${hC}`;\n }\n\n if (date.getMinutes() < 10) {\n i = `0${i}`;\n }\n\n return format\n .replace(/\\{j\\}/g, j)\n .replace(/\\{d\\}/g, d)\n .replace(/\\{D\\}/g, D)\n .replace(/\\{l\\}/g, l)\n .replace(/\\{n\\}/g, n)\n .replace(/\\{m\\}/g, m)\n .replace(/\\{F\\}/g, fC)\n .replace(/\\{M\\}/g, mC)\n .replace(/\\{Y\\}/g, yC)\n .replace(/\\{H\\}/g, hC)\n .replace(/\\{G\\}/g, gC)\n .replace(/\\{i\\}/g, i);\n };\n\n const globalParser = function (parse, input) {\n if (!input) {\n return;\n }\n\n const regex = new RegExp(parse);\n const match = input.match(regex);\n\n if (match) {\n const { groups } = match;\n\n const year = parseInt(groups.Y || '', 10);\n const month = parseInt(groups.n || groups.m || '', 10);\n const day = parseInt(groups.j || groups.d || '', 10);\n const hours = parseInt(groups.G || groups.H || '', 10);\n const minutes = parseInt(groups.i || '', 10);\n\n if (!isNaN(year) && (year < 1000 || year > 9999)) {\n return;\n }\n\n if (!isNaN(month) && (month < 1 || month > 12)) {\n return;\n }\n\n // we check day later again (if month changed, it was out of range)\n if (!isNaN(day) && (day < 1 || day > 31)) {\n return;\n }\n\n if (!isNaN(hours) && (hours < 0 || hours > 23)) {\n return;\n }\n\n if (!isNaN(minutes) && (minutes < 0 || minutes > 59)) {\n return;\n }\n\n const date = new Date(\n !isNaN(year) ? year : null,\n !isNaN(month) ? month - 1 : null,\n !isNaN(day) ? day : null,\n !isNaN(hours) ? hours : null,\n !isNaN(minutes) ? minutes : null\n );\n\n // if day was out of possible range (1 - 28/29/30/31)\n // we find out by check if month has changed\n if (date.getMonth() + 1 !== month) {\n return;\n }\n\n return date;\n }\n };\n\n const globalAdapter = {\n format: function (date, type = 'datetime') {\n const dateFormats = {\n ...formats[type],\n ...(window.stzhComponents?.formats[type] || {})\n };\n\n if (typeof dateFormats.format === 'string') {\n return globalFormatter(dateFormats.format, date);\n } else {\n return dateFormats.format(date);\n }\n },\n parse: function (input, type = 'datetime') {\n const dateFormats = {\n ...formats[type],\n ...(window.stzhComponents?.formats[type] || {})\n };\n\n if (typeof dateFormats.parse === 'string') {\n return globalParser(dateFormats.parse, input);\n } else {\n return dateFormats.parse(input);\n }\n },\n formatSpan: function (date, date2, type = 'datetime') {\n let formattedDate = date;\n let formattedDate2 = date2;\n\n if (date instanceof Date && !isNaN(date.getTime())) {\n formattedDate = this.format(date, type);\n }\n\n if (date2 instanceof Date && !isNaN(date2.getTime())) {\n formattedDate2 = this.format(date2, type);\n }\n\n let range = globals.dateRange;\n\n if (type.startsWith('time')) {\n range = globals.timeRange;\n }\n\n return (\n formattedDate +\n (formattedDate2 &&\n (!(formattedDate2 instanceof Date) || (formattedDate2 instanceof Date && !isNaN(date.getTime())))\n ? range + formattedDate2\n : '')\n );\n },\n parseSpan: function (string, type) {\n let range = globals.dateRange;\n\n if (type.startsWith('time')) {\n range = globals.timeRange;\n }\n\n const dates = string.split(range);\n const date = this.parse(dates[0], type);\n const date2 = this.parse(dates[1], type);\n\n return [date, date2, range];\n }\n };\n\n return globalAdapter;\n}\n\nexport function getLocale(element) {\n const closestElement = element.closest('[lang]');\n const locale = closestElement && closestElement.lang.split('-')[0];\n\n if (window.stzhComponents.supportedLocales.indexOf(locale) === -1 || !locale) {\n return window.stzhComponents.defaultLocale;\n } else {\n return locale;\n }\n}\n\nexport async function fetchTranslations(host, component) {\n const locale = getLocale(host);\n const existingTranslations = JSON.parse(\n sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`)\n );\n\n if (window.stzhComponents.cacheTranslations && existingTranslations && Object.keys(existingTranslations).length > 0) {\n return {\n ...(existingTranslations[component] || {}),\n $globals: existingTranslations.$globals,\n $locale: existingTranslations.$code,\n $formats: existingTranslations.$formats,\n $formatsIso: existingTranslations.$formatsIso,\n $formatsLegacy: existingTranslations.$formatsLegacy\n };\n }\n\n try {\n const result = await fetch(`${window.stzhComponents.pathTranslations}/${locale}.json`);\n\n if (result.ok) {\n const data = await result.json();\n sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));\n return {\n ...(data[component] || {}),\n $globals: data.$globals,\n $locale: data.$code,\n $formats: data.$formats,\n $formatsIso: data.$formatsIso,\n $formatsLegacy: data.$formatsLegacy\n };\n }\n } catch (exception) {\n console.error(`Error loading locale: ${locale}`, exception);\n }\n}\n","import { version } from '../../../package.json';\nimport { applyAutofocus } from './helpers/autofocus';\nimport { observeScrollbarWidth } from './helpers/scrollbar-width';\nimport * as utils from './helpers/utils';\n\nexport default function () {\n window.stzhComponents = {\n defaultLocale: 'de',\n pathMedia: '/',\n pathTranslations: '/',\n cacheTranslations: true,\n formats: {},\n translations: null,\n fixAutofocus: true,\n fixHashfocus: true,\n ...window.stzhComponents || {},\n version,\n supportedLocales: ['de', 'en'],\n utils\n };\n\n if (window.stzhComponents.translations === null) {\n window.stzhComponents.translationsLoading = utils.fetchTranslations(document.documentElement).then((translations) => {\n window.stzhComponents.translations = translations;\n }).catch((reason) => {\n console.error(\"Translations couldn't load:\", reason)\n });\n }\n\n applyAutofocus();\n observeScrollbarWidth();\n}\n","import appGlobalScript from '/builds/OE-5041/desi/desi-code/stzh-components/src/global/js/script.js';\nexport const globalScripts = appGlobalScript;\n"],"version":3}
1
+ {"file":"app-globals-a68db587.js","mappings":"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","names":["packageNameScoped"],"sources":["src/global/js/helpers/autofocus.js","src/global/js/helpers/scrollbar-width.js","src/global/js/helpers/utils.js","src/global/js/script.js","@stencil/core/internal/app-globals"],"sourcesContent":["import { name as packageNameScoped } from '../../../../package.json';\n\nconst packageName = packageNameScoped.substring(packageNameScoped.indexOf('/')+1);\n// let focused = false;\n\n// function debounce(func, timeout = 500){\n// let timer;\n// return (...args) => {\n// clearTimeout(timer);\n// timer = setTimeout(() => { func.apply(this, args); }, timeout);\n// };\n// }\n\nconst debouncedFocus = (event) => {\n // if (focused) {\n // return false;\n // }\n\n const autofocus = document.querySelector('[autofocus]');\n\n if (window.stzhComponents.fixAutofocus\n && !document.location.hash\n && autofocus\n && event.detail.namespace === packageName\n && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0\n && 'focus' in autofocus\n ) {\n autofocus.focus();\n // focused = true;\n } else if (window.stzhComponents.fixHashfocus && document.location.hash) {\n const hashElement = document.querySelector(document.location.hash);\n\n if (hashElement) {\n hashElement.scrollIntoView();\n // focused = true;\n }\n }\n}\n\n/**\n * Execute setFocus method if it exists\n * on stzh-element with autofocus on pageload\n * when (child components are loaded)\n */\nexport function applyAutofocus() {\n window.addEventListener('appload', debouncedFocus);\n}\n","export function observeScrollbarWidth() {\n const config = {\n threshold: 1.0\n };\n\n const handleIntersect = (entries) => {\n entries.forEach(entry => {\n let scrollbarWidth = 0;\n\n if (entry.intersectionRatio < 1) {\n // scrollbarWidth = window.innerWidth - document.body.clientWidth;\n scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n }\n\n document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');\n document.documentElement.style.setProperty('--stzh-scrollbar-active', scrollbarWidth > 0 ? '1' : '0');\n });\n };\n\n const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);\n bodyScrollObserver.observe(document.body);\n}\n","export function format(date, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.format(date, type);\n}\n\nexport function parse(string, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.parse(string, type);\n}\n\nexport function formatSpan(date, date2, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.formatSpan(date, date2, type);\n}\n\nexport function parseSpan(string, type = 'datetime') {\n if (!window.stzhComponents.translations) {\n console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');\n return;\n }\n\n const { $formats, $globals } = window.stzhComponents.translations;\n const adapter = createFormatParseAdapter($formats, $globals);\n return adapter.parseSpan(string, type);\n}\n\nexport function createFormatParseAdapter(formats, globals) {\n // format letters from https://www.php.net/manual/de/datetime.format.php\n const globalFormatter = function (format, date) {\n if (!date || !(date instanceof Date) || isNaN(date.getTime())) {\n return '';\n }\n\n let j = date.getDate().toString(10);\n let d = j;\n let n = (date.getMonth() + 1).toString(10);\n let m = n;\n let yC = date.getFullYear().toString(10);\n let gC = date.getHours().toString(10);\n let hC = gC;\n let i = date.getMinutes().toString(10);\n\n // full textual representation of a month\n let fC = globals.monthNames[date.getMonth()];\n // short textual representation of a month\n let mC = globals.monthNamesShort[date.getMonth()];\n // full textual representation of the day\n let l = globals.dayNames[date.getDay()];\n // short textual representation of the day\n let D = globals.dayNamesShort[date.getDay()];\n\n // months *are* zero-indexed, pad if less than 9!\n if (date.getMonth() < 9) {\n m = `0${m}`;\n }\n\n if (date.getDate() < 10) {\n d = `0${d}`;\n }\n\n if (date.getHours() < 10) {\n hC = `0${hC}`;\n }\n\n if (date.getMinutes() < 10) {\n i = `0${i}`;\n }\n\n return format\n .replace(/\\{j\\}/g, j)\n .replace(/\\{d\\}/g, d)\n .replace(/\\{D\\}/g, D)\n .replace(/\\{l\\}/g, l)\n .replace(/\\{n\\}/g, n)\n .replace(/\\{m\\}/g, m)\n .replace(/\\{F\\}/g, fC)\n .replace(/\\{M\\}/g, mC)\n .replace(/\\{Y\\}/g, yC)\n .replace(/\\{H\\}/g, hC)\n .replace(/\\{G\\}/g, gC)\n .replace(/\\{i\\}/g, i);\n };\n\n const globalParser = function (parse, input) {\n if (!input) {\n return;\n }\n\n const regex = new RegExp(parse);\n const match = input.match(regex);\n\n if (match) {\n const { groups } = match;\n\n const year = parseInt(groups.Y || '', 10);\n const month = parseInt(groups.n || groups.m || '', 10);\n const day = parseInt(groups.j || groups.d || '', 10);\n const hours = parseInt(groups.G || groups.H || '', 10);\n const minutes = parseInt(groups.i || '', 10);\n\n if (!isNaN(year) && (year < 1000 || year > 9999)) {\n return;\n }\n\n if (!isNaN(month) && (month < 1 || month > 12)) {\n return;\n }\n\n // we check day later again (if month changed, it was out of range)\n if (!isNaN(day) && (day < 1 || day > 31)) {\n return;\n }\n\n if (!isNaN(hours) && (hours < 0 || hours > 23)) {\n return;\n }\n\n if (!isNaN(minutes) && (minutes < 0 || minutes > 59)) {\n return;\n }\n\n const date = new Date(\n !isNaN(year) ? year : null,\n !isNaN(month) ? month - 1 : null,\n !isNaN(day) ? day : null,\n !isNaN(hours) ? hours : null,\n !isNaN(minutes) ? minutes : null\n );\n\n // if day was out of possible range (1 - 28/29/30/31)\n // we find out by check if month has changed\n if (date.getMonth() + 1 !== month) {\n return;\n }\n\n return date;\n }\n };\n\n const globalAdapter = {\n format: function (date, type = 'datetime') {\n const dateFormats = {\n ...formats[type],\n ...(window.stzhComponents?.formats[type] || {})\n };\n\n if (typeof dateFormats.format === 'string') {\n return globalFormatter(dateFormats.format, date);\n } else {\n return dateFormats.format(date);\n }\n },\n parse: function (input, type = 'datetime') {\n const dateFormats = {\n ...formats[type],\n ...(window.stzhComponents?.formats[type] || {})\n };\n\n if (typeof dateFormats.parse === 'string') {\n return globalParser(dateFormats.parse, input);\n } else {\n return dateFormats.parse(input);\n }\n },\n formatSpan: function (date, date2, type = 'datetime') {\n let formattedDate = date;\n let formattedDate2 = date2;\n\n if (date instanceof Date && !isNaN(date.getTime())) {\n formattedDate = this.format(date, type);\n }\n\n if (date2 instanceof Date && !isNaN(date2.getTime())) {\n formattedDate2 = this.format(date2, type);\n }\n\n let range = globals.dateRange;\n\n if (type.startsWith('time')) {\n range = globals.timeRange;\n }\n\n return (\n formattedDate +\n (formattedDate2 &&\n (!(formattedDate2 instanceof Date) || (formattedDate2 instanceof Date && !isNaN(date.getTime())))\n ? range + formattedDate2\n : '')\n );\n },\n parseSpan: function (string, type) {\n let range = globals.dateRange;\n\n if (type.startsWith('time')) {\n range = globals.timeRange;\n }\n\n const dates = string.split(range);\n const date = this.parse(dates[0], type);\n const date2 = this.parse(dates[1], type);\n\n return [date, date2, range];\n }\n };\n\n return globalAdapter;\n}\n\nexport function getLocale(element) {\n const closestElement = element.closest('[lang]');\n const locale = closestElement && closestElement.lang.split('-')[0];\n\n if (window.stzhComponents.supportedLocales.indexOf(locale) === -1 || !locale) {\n return window.stzhComponents.defaultLocale;\n } else {\n return locale;\n }\n}\n\nexport async function fetchTranslations(host, component) {\n const locale = getLocale(host);\n const existingTranslations = JSON.parse(\n sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`)\n );\n\n if (window.stzhComponents.cacheTranslations && existingTranslations && Object.keys(existingTranslations).length > 0) {\n return {\n ...(existingTranslations[component] || {}),\n $globals: existingTranslations.$globals,\n $locale: existingTranslations.$code,\n $formats: existingTranslations.$formats,\n $formatsIso: existingTranslations.$formatsIso,\n $formatsLegacy: existingTranslations.$formatsLegacy\n };\n }\n\n try {\n const result = await fetch(`${window.stzhComponents.pathTranslations}/${locale}.json`);\n\n if (result.ok) {\n const data = await result.json();\n sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));\n return {\n ...(data[component] || {}),\n $globals: data.$globals,\n $locale: data.$code,\n $formats: data.$formats,\n $formatsIso: data.$formatsIso,\n $formatsLegacy: data.$formatsLegacy\n };\n }\n } catch (exception) {\n console.error(`Error loading locale: ${locale}`, exception);\n }\n}\n","import { version } from '../../../package.json';\nimport { applyAutofocus } from './helpers/autofocus';\nimport { observeScrollbarWidth } from './helpers/scrollbar-width';\nimport * as utils from './helpers/utils';\n\nexport default function () {\n window.stzhComponents = {\n defaultLocale: 'de',\n pathMedia: '/',\n pathTranslations: '/',\n cacheTranslations: true,\n formats: {},\n translations: null,\n fixAutofocus: true,\n fixHashfocus: true,\n ...window.stzhComponents || {},\n version,\n supportedLocales: ['de', 'en'],\n utils\n };\n\n if (window.stzhComponents.translations === null) {\n window.stzhComponents.translationsLoading = utils.fetchTranslations(document.documentElement).then((translations) => {\n window.stzhComponents.translations = translations;\n }).catch((reason) => {\n console.error(\"Translations couldn't load:\", reason)\n });\n }\n\n applyAutofocus();\n observeScrollbarWidth();\n}\n","import appGlobalScript from '/builds/OE-5041/desi/desi-code/stzh-components/src/global/js/script.js';\nexport const globalScripts = appGlobalScript;\n"],"version":3}
package/dist/esm/loader.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { b as bootstrapLazy } from './index-d8813b10.js';
2
2
  export { s as setNonce } from './index-d8813b10.js';
3
- import { g as globalScripts } from './app-globals-fc68a15b.js';
3
+ import { g as globalScripts } from './app-globals-a68db587.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
package/dist/esm/stzh-components.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, d as doc, N as NAMESPACE, H, b as bootstrapLazy } from './index-d8813b10.js';
2
2
  export { s as setNonce } from './index-d8813b10.js';
3
- import { g as globalScripts } from './app-globals-fc68a15b.js';
3
+ import { g as globalScripts } from './app-globals-a68db587.js';
4
4
 
5
5
  /*
6
6
  Stencil Client Patch Browser v4.16.0 | MIT Licensed | https://stenciljs.com
package/dist/esm/stzh-contact.entry.js CHANGED
@@ -131,10 +131,9 @@ const StzhContact = class {
131
131
  (isPerson && !this.name)
132
132
  ? 'name'
133
133
  : null }, h("div", { key: 'a0a9e0d01078091fe6bfe1925f199f2a78a7ebf8', class: "stzh-contact__main-heading-section" }, this.mainHeading
134
- ? h("stzh-heading", { level: this.mainHeadingLevel }, this.mainHeading)
135
- : h("slot", { name: "main-heading" })), h("div", { key: '624f5866958eeebd78d804e5990a4b942a2ea396', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: 'f77f4ccb63a15ede808ed8571cc00961faf6673c', curve: 'h3', level: "3" }, h("span", { key: '2b0c1f0358e88dd260d3721caadfb6ad7d55f790', class: "stzh-contact__role" }, this.personRole))), (isPerson && this.name || isOrganization && this.heading) &&
136
- (h("div", { key: 'fa6e6338ab41750e11e9a762bc21e3f2844bebf5', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (h("stzh-heading", { key: '1b2cfe68d54f93df8f70c26e70e1d62ec9963eaf', level: '3', curve: 'h3' }, this.name)), this.heading && isOrganization && (h("stzh-heading", { key: '53b0d0efb0cc79736f778b965aaff501e648c24f', level: '3', curve: 'h3' }, this.heading))))), isPerson &&
137
- h("div", { key: 'eba517376f9c200905dd5d9de9382dcf4dced074', class: "stzh-contact__image-wrapper" }, h("div", { key: 'dd125bd1645e7421bab861cefce70abc28e56322', class: "stzh-contact__image" }, h("slot", { key: 'cff766c34f696dffde3843a1273c49b1ab0649c0', name: "image" })))), h("div", { key: '1b2389eb75ee5be06a2ded39300a70c569a25379', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '49e277ca363f842aa868df4ed017723728b465be', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: '7d018472f6542cf9c5b22cbeb139c05ea5c032f1', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '1482ef99a56416c41d19ab3cf8248578c4804954', class: "stzh-contact__additional" }, h("slot", { key: 'd6911d7a87abd210af311f9276449d1bd260a1cb' })), h("div", { key: '95dff45ccc1bf735b8b13d5dedafff8ca55d2f11', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: 'b7887b50884b2d5bd9140760f1f0bb1c6995de58', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: 'fe8e9ec9f0a43a9ef92a2e3765eccfcdcc1be29c', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '55cd9b85e3ecfc0cf0f8422ade1bef276e140cfd' }, this._street.length > 0 && (h("div", { key: '2247555f92482a94387473e8cc710ae024d37041', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'fd808410f980214bb4233aa1b93e1ae7ee2f6ff0' }, h("br", { key: '41780b8cef0db69a42d367f9407aac5da6e9f0ad' }), ' ', this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '559a965a2e54eaf6baece4c8b6aa849bcc02c1dc', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '1d70066f1d693cf3c1e87981297b3e3d15e32d6d', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '062a883c0b935f59bdeea43a64c8d3461b7ad760', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '5dd16057475af7a28eb4b662cd61b0fb2fc1a26b', class: "stzh-contact__numbers" }, this._numbers.map((number) => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), 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 && (h("div", { key: 'ca2cb98ed36db6547b0a0db76ca54275663795e5', class: "stzh-contact__emails" }, this._emails.map((email) => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (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)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '1ff9292c2995aff9b67f8995af25e3b253a3cfb4', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '02d0a42082e1f66e05e56226c544261e60e01344' }, this.poboxHeading && (h("div", { key: 'b8ba5b6b420f4c97001b73870dde0c70f315d940', class: "stzh-contact__pobox-heading" }, this.poboxHeading)), this.poboxTitle && (h("div", { key: 'bc6ddbfcc42a30d9bdeea954d189530789dbc299', class: "stzh-contact__pobox-title" }, this.poboxTitle)), this.poboxPostalCode && (h("span", { key: 'a683f8622e40375d4f518e503d5ed7e2d0562c72', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && (h("span", { key: '79f9a1ac5d844b769bf25b2b5ff71584b055d111', class: "stzh-contact__pobox-locality" }, this.poboxLocation)), h("slot", { key: '5ef129599968962584dc59264a9194aabe0683ce', name: "pobox" })))), h("div", { key: '78dd77a6b6c234b94a1ab5e41579c511bbd60d02', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: 'c337d2d2ce09a48ce6b712e8bbe80085a3bbb97e', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: 'e13ab4f82fe129bf429158839faeb9a3e266e85f', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: '84d1fbe568a235e9d0fae6aeead30e2e545ac79b', class: "stzh-contact__availability-list" }, this._availability.map((item) => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
134
+ ? h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })
135
+ : h("slot", { name: "main-heading" })), h("div", { key: '26d6ad6756f8129d7d4e45741db89b25592b609e', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '049ba30d9ac80f4db06aa3f6364b58c5a9e95923', curve: 'h3', level: "3" }, h("span", { key: '079c690b01c708e988d0a75e85563d48fbb79309', class: "stzh-contact__role" }, this.personRole))), (isPerson && this.name || isOrganization && this.heading) && (h("div", { key: '3e12f29a5e60fe99bc44d398f13507d9be71b856', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (h("stzh-heading", { key: '473db1cf026895d46852e9094bb7d4768f8eb7f8', level: '3', curve: 'h3', htmlContent: this.name })), this.heading && isOrganization && (h("stzh-heading", { key: 'bbb9b4938f5815add217db20195958bd4be07108', level: this.headingLevel, htmlContent: this.heading }))))), isPerson &&
136
+ h("div", { key: 'f9effa7cdd17d256281d898bad5194e157f6fa8e', class: "stzh-contact__image-wrapper" }, h("div", { key: '1e68373b7d0e16982ba3baf8f66ffd401c7e48c4', class: "stzh-contact__image" }, h("slot", { key: '83c5431b52277c0506fe95562c91459c6f17b576', name: "image" })))), h("div", { key: '642b9cb1ec65d41b2d107bb1f387329a3faa1cf0', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '2e1b6f5588b65b3fa056f7e17663d81e3b9f32d1', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: 'ed48acd6a159fb2cb690c4079cec3d84fbd00497', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '43a7446f969151c3e21d90e3f600028db8c05e16', class: "stzh-contact__additional" }, h("slot", { key: '1a150cc4eed26b87a2ca08d4408f8caed124bcc9' })), h("div", { key: 'cc919ad3fe2e89466c74186f3cf0f8148063b543', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: 'efd9578deb0ad609d62a0ef07561101af4557877', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: 'cc78788563933b1d5859987c15bd89848ca68d5c', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '2002678bcea2922f5620815f178d8aa723c3aba4' }, this._street.length > 0 && (h("div", { key: '06a3a190526dab590d730bf6b5fb050b2d7fb9a0', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'f133c4af6da56efc2de25a22fc8f33962c0897dc' }, h("br", { key: 'a1d46b45f61021828848d53731518bfeef2355df' }), ' ', this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '2806f448f9417793e4d5520ce05b80484552709b', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '99593cb7744ac09fd867027812fb6d0c0cc80aad', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '65ae05ec65680f1db093e4d960d5ec16ed44af73', name: "address" })))), this._numbers.length > 0 && (h("div", { key: 'edf3676c5dfae6767c826eaf48d1eb3e33fd7a5d', class: "stzh-contact__numbers" }, this._numbers.map((number) => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), 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 && (h("div", { key: 'ce89c2b9a98dc95cbcee2f84edc11d04eb7b8609', class: "stzh-contact__emails" }, this._emails.map((email) => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (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)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '4b561bd1ed2b46f95a8f7b95432fe95e1390dddd', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '60fa5340056627cb308228c8b58376673c1524d9' }, this.poboxHeading && (h("div", { key: 'cc2e3fd70029606c4e96a8f59051c5d5ca56bb3a', class: "stzh-contact__pobox-heading" }, this.poboxHeading)), this.poboxTitle && (h("div", { key: 'ea19b8d89b032c88f1fb8f4981c58e1499c29189', class: "stzh-contact__pobox-title" }, this.poboxTitle)), this.poboxPostalCode && (h("span", { key: 'f77806ea195d5480d13cdf11289561bc29e23c44', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && (h("span", { key: 'c224395b559279075a38b1c36c87655c7887f0b8', class: "stzh-contact__pobox-locality" }, this.poboxLocation)), h("slot", { key: '01b76f256b385765d1db26103f87f3b932cc9bc3', name: "pobox" })))), h("div", { key: 'af3b869df99b64e45751386e81a0d43c7be6c73f', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '7df16ac63cfe7a03d068a80a04eab0072d068319', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: '368dc0f38f8ffa5d4172d512b87a1e603c1d7dba', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: '5b7bded566fc0226ad8ef3e10d2b3b4d1c09c5c9', class: "stzh-contact__availability-list" }, this._availability.map((item) => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
138
137
  }
139
138
  get element() { return getElement(this); }
140
139
  static get watchers() { return {
package/dist/esm/stzh-contact.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"stzh-contact.entry.js","mappings":"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","names":[],"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}>\n {this.mainHeading}\n </stzh-heading>\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 (\n <div class=\"stzh-contact__main-heading-type\">\n {this.name && isPerson && (\n <stzh-heading level='3' curve='h3'>\n {this.name}\n </stzh-heading>\n )}\n {this.heading && isOrganization && (\n <stzh-heading level='3' curve='h3'>\n {this.heading}\n </stzh-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}&nbsp;\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}&nbsp;</span>\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-contact__number-link\"\n href={`${number.type}:${formatTel(number.number)}`}\n analyticsId={\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}&nbsp;</span>\n {email.href ? (\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-container__email-link\"\n href={`mailto:${email.href}`}\n analyticsId={\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}&nbsp;\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"],"version":3}
1
+ {"file":"stzh-contact.entry.js","mappings":"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","names":[],"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}&nbsp;\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}&nbsp;</span>\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-contact__number-link\"\n href={`${number.type}:${formatTel(number.number)}`}\n analyticsId={\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}&nbsp;</span>\n {email.href ? (\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-container__email-link\"\n href={`mailto:${email.href}`}\n analyticsId={\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}&nbsp;\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"],"version":3}