@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/stzh-components/{p-eeac40e8.js → p-30632dd5.js} RENAMED
@@ -1,2 +1,2 @@
1
- const t="@oiz/stzh-components";const n="4.3.1";const o=t.substring(t.indexOf("/")+1);const e=t=>{const n=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const t=document.querySelector(document.location.hash);if(t){t.scrollIntoView()}}};function s(){window.addEventListener("appload",e)}function i(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.format(t,n)}function r(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parse(t,n)}function c(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:e,$globals:s}=window.stzhComponents.translations;const i=f(e,s);return i.formatSpan(t,n,o)}function l(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parseSpan(t,n)}function f(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let e=o.getDate().toString(10);let s=e;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){s=`0${s}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,e).replace(/\{d\}/g,s).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const e=function(t,n){if(!n){return}const o=new RegExp(t);const e=n.match(o);if(e){const{groups:t}=e;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const s=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(s)&&(s<1||s>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(s)?s:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const s={format:function(n,e="datetime"){const s={...t[e],...window.stzhComponents?.formats[e]||{}};if(typeof s.format==="string"){return o(s.format,n)}else{return s.format(n)}},parse:function(n,o="datetime"){const s={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof s.parse==="string"){return e(s.parse,n)}else{return s.parse(n)}},formatSpan:function(t,o,e="datetime"){let s=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){s=this.format(t,e)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,e)}let a=n.dateRange;if(e.startsWith("time")){a=n.timeRange}return s+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let e=n.dateRange;if(o.startsWith("time")){e=n.timeRange}const s=t.split(e);const i=this.parse(s[0],o);const a=this.parse(s[1],o);return[i,a,e]}};return s}function u(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function d(t,n){const o=u(t);const e=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&e&&Object.keys(e).length>0){return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const e=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(e));return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const w=Object.freeze({__proto__:null,format:a,parse:r,formatSpan:c,parseSpan:l,createFormatParseAdapter:f,getLocale:u,fetchTranslations:d});function m(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:w});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=d(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}s();i()}const g=m;export{g};
2
- //# sourceMappingURL=p-eeac40e8.js.map
1
+ const t="@oiz/stzh-components";const n="4.3.2";const o=t.substring(t.indexOf("/")+1);const e=t=>{const n=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const t=document.querySelector(document.location.hash);if(t){t.scrollIntoView()}}};function s(){window.addEventListener("appload",e)}function i(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.format(t,n)}function r(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parse(t,n)}function c(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:e,$globals:s}=window.stzhComponents.translations;const i=f(e,s);return i.formatSpan(t,n,o)}function l(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parseSpan(t,n)}function f(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let e=o.getDate().toString(10);let s=e;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){s=`0${s}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,e).replace(/\{d\}/g,s).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const e=function(t,n){if(!n){return}const o=new RegExp(t);const e=n.match(o);if(e){const{groups:t}=e;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const s=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(s)&&(s<1||s>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(s)?s:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const s={format:function(n,e="datetime"){const s={...t[e],...window.stzhComponents?.formats[e]||{}};if(typeof s.format==="string"){return o(s.format,n)}else{return s.format(n)}},parse:function(n,o="datetime"){const s={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof s.parse==="string"){return e(s.parse,n)}else{return s.parse(n)}},formatSpan:function(t,o,e="datetime"){let s=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){s=this.format(t,e)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,e)}let a=n.dateRange;if(e.startsWith("time")){a=n.timeRange}return s+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let e=n.dateRange;if(o.startsWith("time")){e=n.timeRange}const s=t.split(e);const i=this.parse(s[0],o);const a=this.parse(s[1],o);return[i,a,e]}};return s}function u(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function d(t,n){const o=u(t);const e=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&e&&Object.keys(e).length>0){return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const e=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(e));return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const w=Object.freeze({__proto__:null,format:a,parse:r,formatSpan:c,parseSpan:l,createFormatParseAdapter:f,getLocale:u,fetchTranslations:d});function m(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:w});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=d(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}s();i()}const g=m;export{g};
2
+ //# sourceMappingURL=p-30632dd5.js.map
package/dist/stzh-components/{p-238862e6.entry.js → p-fd1d7e46.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,h as a,F as s,a as i,g as e}from"./p-ef5985a3.js";import{h as c}from"./p-09b5eb01.js";import"./p-dae15605.js";const n='.sc-stzh-contact-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h,[stzh-hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}.sc-stzh-contact-h{--grid-template-areas:var(\n --stzh-contact-grid-template-areas,\n "heading heading heading heading" "image image image image" "responsibility responsibility responsibility responsibility" "additional additional additional additional" "info info info info" "availability availability availability availability"\n );--grid-template-columns:var(\n --stzh-contact-grid-template-columns,\n repeat(4, minmax(0, 1fr))\n )}@media screen and (min-width: 900px){.sc-stzh-contact-h{--grid-template-areas:var(\n --stzh-contact-grid-template-areas,\n "heading heading heading heading heading heading heading heading" "image image image image . . . ." "responsibility responsibility responsibility responsibility responsibility responsibility . ." "additional additional additional additional additional additional additional additional" "info info info info availability availability availability availability"\n );--grid-template-columns:var(\n --stzh-contact-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n )}}@media print{.sc-stzh-contact-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h.sc-stzh-contact-s>[slot=image],.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 900px){[has-availability=false].sc-stzh-contact-h{--grid-template-areas:var(\n --stzh-contact-grid-template-areas,\n "heading heading heading heading heading heading heading heading" "image image image image . . . ." "responsibility responsibility responsibility responsibility responsibility responsibility . ." "additional additional additional additional additional additional additional additional" "info info info info info info info info"\n )}}.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-contact__main-heading.sc-stzh-contact{grid-area:heading}.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-large);padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge);padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-text.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__image-wrapper.sc-stzh-contact{grid-area:image;background-color:var(--stzh-color-secondary20)}.stzh-contact__role.sc-stzh-contact{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-contact__image.sc-stzh-contact{position:relative}.stzh-contact__info.sc-stzh-contact{grid-area:info}.stzh-contact__responsibility.sc-stzh-contact{grid-area:responsibility}.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-contact__additional.sc-stzh-contact{grid-area:additional;gap:var(--stzh-space-medium);display:grid}@media screen and (min-width: 600px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__heading.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__name.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__emails.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__pobox.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__availability-title.sc-stzh-contact:not(:empty):not(:last-child){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__numbers.sc-stzh-contact{white-space:nowrap}.stzh-contact__number.sc-stzh-contact,.stzh-contact__email.sc-stzh-contact{display:flex;align-items:center;gap:var(--stzh-space-xxsmall)}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);margin:0px}@media screen and (min-width: 900px){.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.is-heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-contact__availability.sc-stzh-contact{grid-area:availability;margin-top:var(--stzh-space-xlarge);gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{margin-top:0px}}.stzh-contact__availability-list.sc-stzh-contact,.stzh-contact__availability-hour-list.sc-stzh-contact{list-style:none;margin:0;padding:0}.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xsmall);display:grid}@media screen and (min-width: 600px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall)}}.stzh-contact__availability-hours-separator.sc-stzh-contact{width:0.0625rem;background-color:currentColor;flex-shrink:0}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:4rem;height:4rem}@media screen and (min-width: 600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:5rem;height:5rem}}@media screen and (min-width: 900px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:6.25rem;height:6.25rem}}@media screen and (min-width: 1260px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:7.5rem;height:7.5rem}}@media screen and (min-width: 1600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:8.75rem;height:8.75rem}}.stzh-contact__image-wrapper.sc-stzh-contact{background-color:transparent}';const h=n;function o(t){return t.replace(/\s/g,"")}const d=class{constructor(a){t(this,a);this._street=[];this._streetInfo=[];this._numbers=[];this._emails=[];this._availability=[];this.type="Organization";this.mainHeading=undefined;this.subHeading=undefined;this.mainHeadingLevel="2";this.heading=undefined;this.responsibilityTitle=undefined;this.responsibility=undefined;this.headingLevel="3";this.name=undefined;this.personRole=undefined;this.address=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.emails=[];this.pobox=undefined;this.poboxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.contactTitle=undefined;this.availabilityTitleLevel="3";this.availability=undefined;this.additionalInformation=undefined}availabilityWatcher(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}}numbersWatcher(t){if(typeof t==="string"){try{this._numbers=JSON.parse(t)}catch(t){}}else{this._numbers=t}}emailsWatcher(t){if(typeof t==="string"){try{this._emails=JSON.parse(t)}catch(t){}}else{this._emails=t}}streetWatcher(t){if(typeof t==="string"){try{this._street=JSON.parse(t)}catch(a){this._street=[t]}}else if(t){this._street=t}}streetInfoWatcher(t){if(typeof t==="string"){try{this._streetInfo=JSON.parse(t)}catch(a){this._streetInfo=[t]}}else if(t){this._streetInfo=t}}async componentWillLoad(){this.numbersWatcher(this.numbers);this.emailsWatcher(this.emails);this.availabilityWatcher(this.availability);this.streetWatcher(this.street);this.streetInfoWatcher(this.streetInfo)}render(){const t=c(this.element,"image");const e=!!this.address||c(this.element,"address");const n=c(this.element,"addons");const h=c(this.element,"links");const d={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-address":e,"stzh-contact--has-addons":n,"stzh-contact--has-links":h};const l=`h${this.headingLevel}`;const r=`h${this.availabilityTitleLevel}`;const z=this.type==="Person";const m=this.type==="Organization";return a(i,{key:"93d4945533708c5f54155ec09d869697c5dfbb9d","has-availability":!!this.availability?"true":"false"},a("div",{key:"21fbb484c0fbd69c73b6139f7259e0ecbde636b5",class:d,itemscope:true,itemtype:`http://schema.org/${this.type}`},a("div",{key:"df9824b44ba53745df9e21348dd1954bf67c71b7",class:"stzh-contact__main-heading",itemprop:m&&!this.heading||z&&!this.name?"name":null},a("div",{key:"a0a9e0d01078091fe6bfe1925f199f2a78a7ebf8",class:"stzh-contact__main-heading-section"},this.mainHeading?a("stzh-heading",{level:this.mainHeadingLevel},this.mainHeading):a("slot",{name:"main-heading"})),a("div",{key:"624f5866958eeebd78d804e5990a4b942a2ea396",class:z&&"stzh-contact__main-heading-text"},this.personRole&&z&&a("stzh-heading",{key:"f77f4ccb63a15ede808ed8571cc00961faf6673c",curve:"h3",level:"3"},a("span",{key:"2b0c1f0358e88dd260d3721caadfb6ad7d55f790",class:"stzh-contact__role"},this.personRole)),(z&&this.name||m&&this.heading)&&a("div",{key:"fa6e6338ab41750e11e9a762bc21e3f2844bebf5",class:"stzh-contact__main-heading-type"},this.name&&z&&a("stzh-heading",{key:"1b2cfe68d54f93df8f70c26e70e1d62ec9963eaf",level:"3",curve:"h3"},this.name),this.heading&&m&&a("stzh-heading",{key:"53b0d0efb0cc79736f778b965aaff501e648c24f",level:"3",curve:"h3"},this.heading))),z&&a("div",{key:"eba517376f9c200905dd5d9de9382dcf4dced074",class:"stzh-contact__image-wrapper"},a("div",{key:"dd125bd1645e7421bab861cefce70abc28e56322",class:"stzh-contact__image"},a("slot",{key:"cff766c34f696dffde3843a1273c49b1ab0649c0",name:"image"})))),a("div",{key:"1b2389eb75ee5be06a2ded39300a70c569a25379",class:"stzh-contact__responsibility"},this.responsibilityTitle&&a(l,{key:"49e277ca363f842aa868df4ed017723728b465be",class:"stzh-contact__heading",itemprop:this.responsibilityTitle,innerHTML:this.responsibilityTitle}),this.responsibility&&a("stzh-text",{key:"7d018472f6542cf9c5b22cbeb139c05ea5c032f1",class:"stzh-contact__responsibility-text"},this.responsibility)),a("div",{key:"1482ef99a56416c41d19ab3cf8248578c4804954",class:"stzh-contact__additional"},a("slot",{key:"d6911d7a87abd210af311f9276449d1bd260a1cb"})),a("div",{key:"95dff45ccc1bf735b8b13d5dedafff8ca55d2f11",class:"stzh-contact__info"},this.contactTitle&&a(r,{key:"b7887b50884b2d5bd9140760f1f0bb1c6995de58",class:"stzh-contact__availability-title"},this.contactTitle),a("div",{key:"fe8e9ec9f0a43a9ef92a2e3765eccfcdcc1be29c",class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress",innerHTML:this.address},!this.address&&a(s,{key:"55cd9b85e3ecfc0cf0f8422ade1bef276e140cfd"},this._street.length>0&&a("div",{key:"2247555f92482a94387473e8cc710ae024d37041",class:"stzh-contact__street",itemprop:"streetAddress"},this._street.map((t=>a(s,null,t,a("br",null)))),this._streetInfo.length>0&&a(s,{key:"fd808410f980214bb4233aa1b93e1ae7ee2f6ff0"},a("br",{key:"41780b8cef0db69a42d367f9407aac5da6e9f0ad"})," ",this._streetInfo.map((t=>a(s,null,t,a("br",null)))))),this.postalCode&&a("span",{key:"559a965a2e54eaf6baece4c8b6aa849bcc02c1dc",class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&a("span",{key:"1d70066f1d693cf3c1e87981297b3e3d15e32d6d",class:"stzh-contact__locality",itemprop:"addressLocality"},this.location),a("slot",{key:"062a883c0b935f59bdeea43a64c8d3461b7ad760",name:"address"}))),this._numbers.length>0&&a("div",{key:"5dd16057475af7a28eb4b662cd61b0fb2fc1a26b",class:"stzh-contact__numbers"},this._numbers.map((t=>a("div",{class:"stzh-contact__number"},a("span",null,t.label," "),a("stzh-link",{size:"inherit",height:"auto",class:"stzh-contact__number-link",href:`${t.type}:${o(t.number)}`,analyticsId:t.analyticsId||`${t.label} ${t.number}`,itemprop:t.type==="fax"?"faxNumber":"telephone"},t.number))))),this._emails.length>0&&a("div",{key:"ca2cb98ed36db6547b0a0db76ca54275663795e5",class:"stzh-contact__emails"},this._emails.map((t=>a("div",{class:"stzh-contact__email"},a("span",null,t.label," "),t.href?a("stzh-link",{size:"inherit",height:"auto",class:"stzh-container__email-link",href:`mailto:${t.href}`,analyticsId:t.analyticsId||`${t.label} ${t.text}`,itemprop:"email"},t.text):a("span",{class:"stzh-container__email-link",itemprop:"email"},t.text))))),a("div",{key:"1ff9292c2995aff9b67f8995af25e3b253a3cfb4",class:"stzh-contact__pobox",innerHTML:this.pobox},!this.pobox&&a(s,{key:"02d0a42082e1f66e05e56226c544261e60e01344"},this.poboxHeading&&a("div",{key:"b8ba5b6b420f4c97001b73870dde0c70f315d940",class:"stzh-contact__pobox-heading"},this.poboxHeading),this.poboxTitle&&a("div",{key:"bc6ddbfcc42a30d9bdeea954d189530789dbc299",class:"stzh-contact__pobox-title"},this.poboxTitle),this.poboxPostalCode&&a("span",{key:"a683f8622e40375d4f518e503d5ed7e2d0562c72",class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),this.poboxLocation&&a("span",{key:"79f9a1ac5d844b769bf25b2b5ff71584b055d111",class:"stzh-contact__pobox-locality"},this.poboxLocation),a("slot",{key:"5ef129599968962584dc59264a9194aabe0683ce",name:"pobox"}))),a("div",{key:"78dd77a6b6c234b94a1ab5e41579c511bbd60d02",class:"stzh-contact__additional-information",innerHTML:this.additionalInformation})),this.availability&&a("div",{key:"c337d2d2ce09a48ce6b712e8bbe80085a3bbb97e",class:"stzh-contact__availability"},this.availabilityTitle&&a(r,{key:"e13ab4f82fe129bf429158839faeb9a3e266e85f",class:"stzh-contact__availability-title"},this.availabilityTitle),this._availability.length>0&&a("ul",{key:"84d1fbe568a235e9d0fae6aeead30e2e545ac79b",class:"stzh-contact__availability-list"},this._availability.map((t=>a("li",{class:"stzh-contact__availability-list-item"},a("div",{class:"stzh-contact__availability-weekday"},t.weekday),t.hours.length>0&&a("div",{class:"stzh-contact__availability-hours"},t.hours.map(((i,e)=>a(s,null,a("div",{class:"stzh-contact__availability-hour"},i),e<t.hours.length-1&&a("div",{class:"stzh-contact__availability-hours-separator"}))))))))))))}get element(){return e(this)}static get watchers(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"],emails:["emailsWatcher"],street:["streetWatcher"],streetInfo:["streetInfoWatcher"]}}};d.style=h;export{d as stzh_contact};
2
- //# sourceMappingURL=p-238862e6.entry.js.map
1
+ import{r as t,h as a,F as s,a as i,g as e}from"./p-ef5985a3.js";import{h as c}from"./p-09b5eb01.js";import"./p-dae15605.js";const n='.sc-stzh-contact-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h,[stzh-hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}.sc-stzh-contact-h{--grid-template-areas:var(\n --stzh-contact-grid-template-areas,\n "heading heading heading heading" "image image image image" "responsibility responsibility responsibility responsibility" "additional additional additional additional" "info info info info" "availability availability availability availability"\n );--grid-template-columns:var(\n --stzh-contact-grid-template-columns,\n repeat(4, minmax(0, 1fr))\n )}@media screen and (min-width: 900px){.sc-stzh-contact-h{--grid-template-areas:var(\n --stzh-contact-grid-template-areas,\n "heading heading heading heading heading heading heading heading" "image image image image . . . ." "responsibility responsibility responsibility responsibility responsibility responsibility . ." "additional additional additional additional additional additional additional additional" "info info info info availability availability availability availability"\n );--grid-template-columns:var(\n --stzh-contact-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n )}}@media print{.sc-stzh-contact-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h.sc-stzh-contact-s>[slot=image],.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 900px){[has-availability=false].sc-stzh-contact-h{--grid-template-areas:var(\n --stzh-contact-grid-template-areas,\n "heading heading heading heading heading heading heading heading" "image image image image . . . ." "responsibility responsibility responsibility responsibility responsibility responsibility . ." "additional additional additional additional additional additional additional additional" "info info info info info info info info"\n )}}.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-contact__main-heading.sc-stzh-contact{grid-area:heading}.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-large);padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge);padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-text.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__image-wrapper.sc-stzh-contact{grid-area:image;background-color:var(--stzh-color-secondary20)}.stzh-contact__role.sc-stzh-contact{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-contact__image.sc-stzh-contact{position:relative}.stzh-contact__info.sc-stzh-contact{grid-area:info}.stzh-contact__responsibility.sc-stzh-contact{grid-area:responsibility}.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-contact__additional.sc-stzh-contact{grid-area:additional;gap:var(--stzh-space-medium);display:grid}@media screen and (min-width: 600px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__heading.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__name.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__emails.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__pobox.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__availability-title.sc-stzh-contact:not(:empty):not(:last-child){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__numbers.sc-stzh-contact{white-space:nowrap}.stzh-contact__number.sc-stzh-contact,.stzh-contact__email.sc-stzh-contact{display:flex;align-items:center;gap:var(--stzh-space-xxsmall)}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);margin:0px}@media screen and (min-width: 900px){.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.is-heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-contact__availability.sc-stzh-contact{grid-area:availability;margin-top:var(--stzh-space-xlarge);gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{margin-top:0px}}.stzh-contact__availability-list.sc-stzh-contact,.stzh-contact__availability-hour-list.sc-stzh-contact{list-style:none;margin:0;padding:0}.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xsmall);display:grid}@media screen and (min-width: 600px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall)}}.stzh-contact__availability-hours-separator.sc-stzh-contact{width:0.0625rem;background-color:currentColor;flex-shrink:0}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:4rem;height:4rem}@media screen and (min-width: 600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:5rem;height:5rem}}@media screen and (min-width: 900px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:6.25rem;height:6.25rem}}@media screen and (min-width: 1260px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:7.5rem;height:7.5rem}}@media screen and (min-width: 1600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:8.75rem;height:8.75rem}}.stzh-contact__image-wrapper.sc-stzh-contact{background-color:transparent}';const h=n;function o(t){return t.replace(/\s/g,"")}const d=class{constructor(a){t(this,a);this._street=[];this._streetInfo=[];this._numbers=[];this._emails=[];this._availability=[];this.type="Organization";this.mainHeading=undefined;this.subHeading=undefined;this.mainHeadingLevel="2";this.heading=undefined;this.responsibilityTitle=undefined;this.responsibility=undefined;this.headingLevel="3";this.name=undefined;this.personRole=undefined;this.address=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.emails=[];this.pobox=undefined;this.poboxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.contactTitle=undefined;this.availabilityTitleLevel="3";this.availability=undefined;this.additionalInformation=undefined}availabilityWatcher(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}}numbersWatcher(t){if(typeof t==="string"){try{this._numbers=JSON.parse(t)}catch(t){}}else{this._numbers=t}}emailsWatcher(t){if(typeof t==="string"){try{this._emails=JSON.parse(t)}catch(t){}}else{this._emails=t}}streetWatcher(t){if(typeof t==="string"){try{this._street=JSON.parse(t)}catch(a){this._street=[t]}}else if(t){this._street=t}}streetInfoWatcher(t){if(typeof t==="string"){try{this._streetInfo=JSON.parse(t)}catch(a){this._streetInfo=[t]}}else if(t){this._streetInfo=t}}async componentWillLoad(){this.numbersWatcher(this.numbers);this.emailsWatcher(this.emails);this.availabilityWatcher(this.availability);this.streetWatcher(this.street);this.streetInfoWatcher(this.streetInfo)}render(){const t=c(this.element,"image");const e=!!this.address||c(this.element,"address");const n=c(this.element,"addons");const h=c(this.element,"links");const d={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-address":e,"stzh-contact--has-addons":n,"stzh-contact--has-links":h};const l=`h${this.headingLevel}`;const r=`h${this.availabilityTitleLevel}`;const z=this.type==="Person";const m=this.type==="Organization";return a(i,{key:"93d4945533708c5f54155ec09d869697c5dfbb9d","has-availability":!!this.availability?"true":"false"},a("div",{key:"21fbb484c0fbd69c73b6139f7259e0ecbde636b5",class:d,itemscope:true,itemtype:`http://schema.org/${this.type}`},a("div",{key:"df9824b44ba53745df9e21348dd1954bf67c71b7",class:"stzh-contact__main-heading",itemprop:m&&!this.heading||z&&!this.name?"name":null},a("div",{key:"a0a9e0d01078091fe6bfe1925f199f2a78a7ebf8",class:"stzh-contact__main-heading-section"},this.mainHeading?a("stzh-heading",{level:this.mainHeadingLevel,htmlContent:this.mainHeading}):a("slot",{name:"main-heading"})),a("div",{key:"26d6ad6756f8129d7d4e45741db89b25592b609e",class:z&&"stzh-contact__main-heading-text"},this.personRole&&z&&a("stzh-heading",{key:"049ba30d9ac80f4db06aa3f6364b58c5a9e95923",curve:"h3",level:"3"},a("span",{key:"079c690b01c708e988d0a75e85563d48fbb79309",class:"stzh-contact__role"},this.personRole)),(z&&this.name||m&&this.heading)&&a("div",{key:"3e12f29a5e60fe99bc44d398f13507d9be71b856",class:"stzh-contact__main-heading-type"},this.name&&z&&a("stzh-heading",{key:"473db1cf026895d46852e9094bb7d4768f8eb7f8",level:"3",curve:"h3",htmlContent:this.name}),this.heading&&m&&a("stzh-heading",{key:"bbb9b4938f5815add217db20195958bd4be07108",level:this.headingLevel,htmlContent:this.heading}))),z&&a("div",{key:"f9effa7cdd17d256281d898bad5194e157f6fa8e",class:"stzh-contact__image-wrapper"},a("div",{key:"1e68373b7d0e16982ba3baf8f66ffd401c7e48c4",class:"stzh-contact__image"},a("slot",{key:"83c5431b52277c0506fe95562c91459c6f17b576",name:"image"})))),a("div",{key:"642b9cb1ec65d41b2d107bb1f387329a3faa1cf0",class:"stzh-contact__responsibility"},this.responsibilityTitle&&a(l,{key:"2e1b6f5588b65b3fa056f7e17663d81e3b9f32d1",class:"stzh-contact__heading",itemprop:this.responsibilityTitle,innerHTML:this.responsibilityTitle}),this.responsibility&&a("stzh-text",{key:"ed48acd6a159fb2cb690c4079cec3d84fbd00497",class:"stzh-contact__responsibility-text"},this.responsibility)),a("div",{key:"43a7446f969151c3e21d90e3f600028db8c05e16",class:"stzh-contact__additional"},a("slot",{key:"1a150cc4eed26b87a2ca08d4408f8caed124bcc9"})),a("div",{key:"cc919ad3fe2e89466c74186f3cf0f8148063b543",class:"stzh-contact__info"},this.contactTitle&&a(r,{key:"efd9578deb0ad609d62a0ef07561101af4557877",class:"stzh-contact__availability-title"},this.contactTitle),a("div",{key:"cc78788563933b1d5859987c15bd89848ca68d5c",class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress",innerHTML:this.address},!this.address&&a(s,{key:"2002678bcea2922f5620815f178d8aa723c3aba4"},this._street.length>0&&a("div",{key:"06a3a190526dab590d730bf6b5fb050b2d7fb9a0",class:"stzh-contact__street",itemprop:"streetAddress"},this._street.map((t=>a(s,null,t,a("br",null)))),this._streetInfo.length>0&&a(s,{key:"f133c4af6da56efc2de25a22fc8f33962c0897dc"},a("br",{key:"a1d46b45f61021828848d53731518bfeef2355df"})," ",this._streetInfo.map((t=>a(s,null,t,a("br",null)))))),this.postalCode&&a("span",{key:"2806f448f9417793e4d5520ce05b80484552709b",class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&a("span",{key:"99593cb7744ac09fd867027812fb6d0c0cc80aad",class:"stzh-contact__locality",itemprop:"addressLocality"},this.location),a("slot",{key:"65ae05ec65680f1db093e4d960d5ec16ed44af73",name:"address"}))),this._numbers.length>0&&a("div",{key:"edf3676c5dfae6767c826eaf48d1eb3e33fd7a5d",class:"stzh-contact__numbers"},this._numbers.map((t=>a("div",{class:"stzh-contact__number"},a("span",null,t.label," "),a("stzh-link",{size:"inherit",height:"auto",class:"stzh-contact__number-link",href:`${t.type}:${o(t.number)}`,analyticsId:t.analyticsId||`${t.label} ${t.number}`,itemprop:t.type==="fax"?"faxNumber":"telephone"},t.number))))),this._emails.length>0&&a("div",{key:"ce89c2b9a98dc95cbcee2f84edc11d04eb7b8609",class:"stzh-contact__emails"},this._emails.map((t=>a("div",{class:"stzh-contact__email"},a("span",null,t.label," "),t.href?a("stzh-link",{size:"inherit",height:"auto",class:"stzh-container__email-link",href:`mailto:${t.href}`,analyticsId:t.analyticsId||`${t.label} ${t.text}`,itemprop:"email"},t.text):a("span",{class:"stzh-container__email-link",itemprop:"email"},t.text))))),a("div",{key:"4b561bd1ed2b46f95a8f7b95432fe95e1390dddd",class:"stzh-contact__pobox",innerHTML:this.pobox},!this.pobox&&a(s,{key:"60fa5340056627cb308228c8b58376673c1524d9"},this.poboxHeading&&a("div",{key:"cc2e3fd70029606c4e96a8f59051c5d5ca56bb3a",class:"stzh-contact__pobox-heading"},this.poboxHeading),this.poboxTitle&&a("div",{key:"ea19b8d89b032c88f1fb8f4981c58e1499c29189",class:"stzh-contact__pobox-title"},this.poboxTitle),this.poboxPostalCode&&a("span",{key:"f77806ea195d5480d13cdf11289561bc29e23c44",class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),this.poboxLocation&&a("span",{key:"c224395b559279075a38b1c36c87655c7887f0b8",class:"stzh-contact__pobox-locality"},this.poboxLocation),a("slot",{key:"01b76f256b385765d1db26103f87f3b932cc9bc3",name:"pobox"}))),a("div",{key:"af3b869df99b64e45751386e81a0d43c7be6c73f",class:"stzh-contact__additional-information",innerHTML:this.additionalInformation})),this.availability&&a("div",{key:"7df16ac63cfe7a03d068a80a04eab0072d068319",class:"stzh-contact__availability"},this.availabilityTitle&&a(r,{key:"368dc0f38f8ffa5d4172d512b87a1e603c1d7dba",class:"stzh-contact__availability-title"},this.availabilityTitle),this._availability.length>0&&a("ul",{key:"5b7bded566fc0226ad8ef3e10d2b3b4d1c09c5c9",class:"stzh-contact__availability-list"},this._availability.map((t=>a("li",{class:"stzh-contact__availability-list-item"},a("div",{class:"stzh-contact__availability-weekday"},t.weekday),t.hours.length>0&&a("div",{class:"stzh-contact__availability-hours"},t.hours.map(((i,e)=>a(s,null,a("div",{class:"stzh-contact__availability-hour"},i),e<t.hours.length-1&&a("div",{class:"stzh-contact__availability-hours-separator"}))))))))))))}get element(){return e(this)}static get watchers(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"],emails:["emailsWatcher"],street:["streetWatcher"],streetInfo:["streetInfoWatcher"]}}};d.style=h;export{d as stzh_contact};
2
+ //# sourceMappingURL=p-fd1d7e46.entry.js.map
package/dist/stzh-components/p-fd1d7e46.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["stzhContactCss","StzhContactStyle0","formatTel","tel","replace","StzhContact","this","_street","_streetInfo","_numbers","_emails","_availability","availabilityWatcher","newValue","JSON","parse","numbersWatcher","jsonParseException","emailsWatcher","streetWatcher","noArrayException","streetInfoWatcher","componentWillLoad","numbers","emails","availability","street","streetInfo","render","hasImage","hasSlot","element","hasAddress","address","hasAddons","hasLinks","classes","HeadingLevel","headingLevel","AvailabilityTitleElement","availabilityTitleLevel","isPerson","type","isOrganization","h","Host","key","class","itemscope","itemtype","itemprop","heading","name","mainHeading","level","mainHeadingLevel","htmlContent","personRole","curve","responsibilityTitle","innerHTML","responsibility","contactTitle","Fragment","length","map","postalCode","location","number","label","size","height","href","analyticsId","email","text","pobox","poboxHeading","poboxTitle","poboxPostalCode","poboxLocation","additionalInformation","availabilityTitle","item","weekday","hours","hour","index"],"sources":["src/components/CMS/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/CMS/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n --grid-template-areas: var(\n --stzh-contact-grid-template-areas,\n \"heading heading heading heading\" \"image image image image\" \"responsibility responsibility responsibility responsibility\" \"additional additional additional additional\" \"info info info info\" \"availability availability availability availability\"\n );\n\n --grid-template-columns: var(\n --stzh-contact-grid-template-columns,\n #{$gridColumns}\n );\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-contact-grid-template-areas,\n \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info availability availability availability availability\"\n );\n\n --grid-template-columns: var(\n --stzh-contact-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n ::slotted([slot=\"image\"]) {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n &[has-availability=\"false\"] {\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-contact-grid-template-areas,\n \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info info info info info\"\n );\n }\n }\n}\n\n.stzh-contact {\n @include fontCurve(\"p1\");\n @include gridGutter;\n display: grid;\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__main-heading {\n grid-area: heading;\n\n &:not(:empty) {\n margin-bottom: space(\"xlarge\");\n\n @include mq($from: large) {\n margin-bottom: space(\"xxlarge\");\n }\n }\n }\n &__main-heading-type {\n &:not(:empty) {\n padding-top: space('xsmall');\n padding-bottom: space('xxsmall');\n\n @include mq($from: small) {\n padding-top: space('small');\n padding-bottom: space('xxsmall');\n }\n\n @include mq($from: medium) {\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n }\n\n @include mq($from: large) {\n padding-top: space('small');\n padding-bottom: space('small');\n }\n }\n }\n\n &__main-heading-section {\n &:not(:empty) {\n margin-bottom: space('medium');\n padding-top: space('medium');\n padding-bottom: space('xxsmall');\n\n @include mq($from: small) {\n margin-bottom: space('large');\n padding-top: space('large');\n padding-bottom: space('xxsmall');\n }\n\n @include mq($from: medium) {\n margin-bottom: space('xlarge');\n padding-top: space('xlarge');\n padding-bottom: space('xsmall');\n }\n\n @include mq($from: large) {\n margin-bottom: space('xxlarge');\n padding-top: space('xxlarge');\n padding-bottom: space('small');\n }\n }\n }\n\n &__main-heading-text {\n &:not(:empty) {\n margin-bottom: space('xsmall');\n }\n }\n\n &__image-wrapper {\n grid-area: image;\n background-color: $colorSecondary20;\n }\n\n &__role {\n @include fontSize('milli');\n @include font('medium');\n }\n\n &__image {\n position: relative;\n }\n\n &__info {\n grid-area: info;\n }\n\n &__responsibility {\n grid-area: responsibility;\n\n &:not(:empty) {\n margin-bottom: space(\"xlarge\");\n\n @include mq($from: large) {\n margin-bottom: space(\"xxlarge\");\n }\n }\n }\n\n &__responsibility-text {\n &:not(:empty) {\n padding-bottom: space(\"xsmall\");\n\n @include mq($from: small) {\n padding-bottom: space(\"small\");\n }\n @include mq($from: medium) {\n padding-bottom: space(\"medium\");\n }\n @include mq($from: large) {\n padding-bottom: space(\"small\");\n }\n }\n }\n\n &__additional {\n grid-area: additional;\n @include spaceCurve(\"gap\", \"regular\");\n display: grid;\n\n ::slotted(*) {\n margin-bottom: space(\"xlarge\");\n\n @include mq($from: large) {\n margin-bottom: space(\"xxlarge\");\n }\n }\n }\n\n &__heading,\n &__name,\n &__emails,\n &__pobox,\n &__availability-title {\n &:not(:empty):not(:last-child) {\n margin-bottom: space(\"xsmall\");\n }\n }\n\n &__numbers {\n white-space: nowrap;\n }\n\n &__number,\n &__email {\n display: flex;\n align-items: center;\n gap: space('xxsmall')\n }\n\n &__heading,\n &__name,\n &__role,\n &__availability-title {\n @include fontCurve(\"p1\");\n margin: 0px;\n }\n\n &__heading,\n &__name.is-heading,\n &__availability-title {\n @include font(\"heavy\");\n }\n\n &__availability {\n grid-area: availability;\n margin-top: space(\"xlarge\");\n @include spaceCurve(\"gap\", \"small\");\n\n @include mq($from: medium) {\n margin-top: 0px;\n }\n }\n\n &__availability-list,\n &__availability-hour-list {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n &__availability-list {\n @include spaceCurve(\"gap\", \"small\");\n display: grid;\n }\n\n &__availability-weekday {\n @include fontCurve(\"p1\");\n }\n\n &__availability-hours {\n display: flex;\n flex-direction: column;\n\n @include mq($from: small) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n column-gap: space(\"xsmall\");\n }\n }\n\n &__availability-hours-separator {\n width: 1px;\n background-color: currentColor;\n flex-shrink: 0;\n }\n\n &--has-image &__image {\n width: 64px;\n height: 64px;\n\n @include mq($from: small) {\n width: 80px;\n height: 80px;\n }\n\n @include mq($from: medium) {\n width: 100px;\n height: 100px;\n }\n\n @include mq($from: large) {\n width: 120px;\n height: 120px;\n }\n\n @include mq($from: ultra) {\n width: 140px;\n height: 140px;\n }\n }\n\n &__image-wrapper {\n background-color: transparent;\n }\n}\n","import {\n Component,\n Element,\n Fragment,\n h,\n Host,\n Prop,\n Watch,\n} from '@stencil/core'\n\nimport {\n ContactEmail,\n ContactNumber,\n StzhContactAvailabilityItem,\n} from '../../../index'\n\nimport { hasSlot } from '../../../utils/utils'\n\nfunction formatTel(tel: string) {\n return tel.replace(/\\s/g, '')\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n tag: 'stzh-contact',\n styleUrl: 'stzh-contact.scss',\n scoped: true,\n})\nexport class StzhContact {\n /** Type */\n @Prop() type: 'Organization' | 'Person' = 'Organization'\n\n /** Main heading */\n @Prop() mainHeading: string\n\n /** Sub heading */\n @Prop() subHeading: string\n\n /** Main heading level */\n @Prop() mainHeadingLevel: '1' | '2' | '3' | '4' = '2'\n\n /** Heading */\n @Prop() heading: string\n\n /** Resposibility title */\n @Prop() responsibilityTitle: string\n\n /** Resposibility title */\n @Prop() responsibility: string\n\n /** Heading level */\n @Prop() headingLevel: '1' | '2' | '3' | '4' = '3'\n\n /** Name */\n @Prop() name: string\n\n /** Person role */\n @Prop() personRole: string\n\n /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n @Prop() address: string\n\n /** Street */\n @Prop() street: string | string[]\n private _street: string[] = []\n\n /** Additional street info */\n @Prop() streetInfo: string | string[]\n private _streetInfo: string[] = []\n\n /** Postal code */\n @Prop() postalCode: string\n\n /** Location / city */\n @Prop() location: string\n\n /**\n * Numbers\n * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n * and optionally `analyticsId` for setting `s-object-id` to the link element\n * (for Adobe Analytics, default value is `label` and `number`).\n */\n @Prop() numbers: ContactNumber[] | string = []\n private _numbers: ContactNumber[] = []\n\n /**\n * Numbers\n * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n * and optionally `analyticsId` for setting `s-object-id` to the link element\n * (for Adobe Analytics, default value is `label` and `text`).\n */\n @Prop() emails: ContactEmail[] | string = []\n private _emails: ContactEmail[] = []\n\n /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n @Prop() pobox: string\n\n /** Post office box heading */\n @Prop() poboxHeading: string\n\n /** Post office box title */\n @Prop() poboxTitle: string\n\n /** Post office box postal code */\n @Prop() poboxPostalCode: string\n\n /** Post office box location / city */\n @Prop() poboxLocation: string\n\n /** Availability title */\n @Prop() availabilityTitle: string\n\n /** Contact title */\n @Prop() contactTitle: string\n\n /** Availability title level */\n @Prop() availabilityTitleLevel: '1' | '2' | '3' | '4' = '3'\n\n /** Availability times */\n @Prop() availability: string | StzhContactAvailabilityItem[]\n private _availability: StzhContactAvailabilityItem[] = []\n\n /** Additional freetext */\n @Prop() additionalInformation: string;\n\n @Watch('availability')\n availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n if (typeof newValue === 'string') {\n this._availability = JSON.parse(newValue)\n } else {\n this._availability = newValue\n }\n }\n\n @Watch('numbers')\n numbersWatcher(newValue: ContactNumber[] | string) {\n if (typeof newValue === \"string\") {\n try {\n this._numbers = JSON.parse(newValue);\n } catch (jsonParseException) {\n // Nothing to do here, just catching to prevent component from dying.\n }\n } else {\n this._numbers = newValue\n }\n }\n\n @Watch('emails')\n emailsWatcher(newValue: ContactEmail[] | string) {\n if (typeof newValue === \"string\") {\n try {\n this._emails = JSON.parse(newValue);\n } catch (jsonParseException) {\n // Nothing to do here, just catching to prevent component from dying.\n }\n } else {\n this._emails = newValue\n }\n }\n\n @Watch('street')\n streetWatcher(newValue: string[] | string) {\n if (typeof newValue === 'string') {\n try {\n this._street = JSON.parse(newValue)\n } catch (noArrayException) {\n this._street = [newValue]\n }\n } else if (newValue) {\n this._street = newValue\n }\n }\n\n @Watch('streetInfo')\n streetInfoWatcher(newValue: string[] | string) {\n if (typeof newValue === 'string') {\n try {\n this._streetInfo = JSON.parse(newValue)\n } catch (noArrayException) {\n this._streetInfo = [newValue]\n }\n } else if (newValue) {\n this._streetInfo = newValue\n }\n }\n\n @Element() element: HTMLStzhFigureElement\n\n async componentWillLoad() {\n this.numbersWatcher(this.numbers)\n this.emailsWatcher(this.emails)\n this.availabilityWatcher(this.availability)\n this.streetWatcher(this.street)\n this.streetInfoWatcher(this.streetInfo)\n }\n\n render() {\n const hasImage = hasSlot(this.element, 'image')\n const hasAddress = !!this.address || hasSlot(this.element, 'address')\n const hasAddons = hasSlot(this.element, 'addons')\n const hasLinks = hasSlot(this.element, 'links')\n\n const classes = {\n 'stzh-contact': true,\n 'stzh-contact--has-image': hasImage,\n 'stzh-contact--has-address': hasAddress,\n 'stzh-contact--has-addons': hasAddons,\n 'stzh-contact--has-links': hasLinks,\n }\n\n const HeadingLevel = `h${this.headingLevel}`\n const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`\n const isPerson = this.type === 'Person';\n const isOrganization = this.type === 'Organization';\n\n return (\n <Host has-availability={!!this.availability ? 'true' : 'false'}>\n <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n\n <div class=\"stzh-contact__main-heading\"\n itemprop={\n (isOrganization && !this.heading) ||\n (isPerson && !this.name)\n ? 'name'\n : null\n }\n >\n <div class=\"stzh-contact__main-heading-section\">\n {this.mainHeading\n ? <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading}/>\n : <slot name=\"main-heading\"></slot>\n }\n </div>\n <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n {this.personRole && isPerson && (\n <stzh-heading curve='h3' level=\"3\" >\n <span class=\"stzh-contact__role\">\n {this.personRole}\n </span>\n </stzh-heading>\n )}\n {\n (isPerson && this.name || isOrganization && this.heading) && (\n <div class=\"stzh-contact__main-heading-type\">\n {this.name && isPerson && (\n <stzh-heading level='3' curve='h3' htmlContent={this.name}/>\n )}\n {this.heading && isOrganization && (\n <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n )}\n </div>\n )\n }\n </div>\n {isPerson &&\n <div class=\"stzh-contact__image-wrapper\">\n <div class=\"stzh-contact__image\">\n <slot name=\"image\"></slot>\n </div>\n </div>\n }\n </div>\n\n <div class=\"stzh-contact__responsibility\">\n {this.responsibilityTitle && (\n <HeadingLevel\n class=\"stzh-contact__heading\"\n itemprop={this.responsibilityTitle}\n innerHTML={this.responsibilityTitle}\n />\n )}\n {this.responsibility && (\n <stzh-text class=\"stzh-contact__responsibility-text\">\n {this.responsibility}\n </stzh-text>\n )}\n </div>\n\n <div class=\"stzh-contact__additional\">\n <slot></slot>\n </div>\n\n <div class=\"stzh-contact__info\">\n\n {this.contactTitle && (\n <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n {this.contactTitle}\n </AvailabilityTitleElement>\n )}\n\n\n <div\n class=\"stzh-contact__address\"\n itemprop=\"address\"\n itemscope\n itemtype=\"http://schema.org/PostalAddress\"\n innerHTML={this.address}\n >\n {!this.address && (\n <Fragment>\n {this._street.length > 0 && (\n <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n {this._street.map((street: string) => (\n <Fragment>\n {street}\n <br />\n </Fragment>\n ))}\n {this._streetInfo.length > 0 && (\n <Fragment>\n <br />{' '}\n {this._streetInfo.map((streetInfo: string) => (\n <Fragment>\n {streetInfo}\n <br />\n </Fragment>\n ))}\n </Fragment>\n )}\n </div>\n )}\n\n {this.postalCode && (\n <span\n class=\"stzh-contact__postal-code\"\n itemprop=\"postalCode\"\n >\n {this.postalCode}&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"],"mappings":"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"}