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

@oiz/stzh-components 4.3.0 → 4.3.2

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

Files changed (481) hide show

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

	@@ -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} \n </span>\n )}\n\n {this.location && (\n <span\n class=\"stzh-contact__locality\"\n itemprop=\"addressLocality\"\n >\n {this.location}\n </span>\n )}\n\n <slot name=\"address\"></slot>\n </Fragment>\n )}\n </div>\n\n {this._numbers.length > 0 && (\n <div class=\"stzh-contact__numbers\">\n {this._numbers.map((number) => (\n <div class=\"stzh-contact__number\">\n <span>{number.label} </span>\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-contact__number-link\"\n href={`${number.type}:${formatTel(number.number)}`}\n analyticsId={\n number.analyticsId \|\| `${number.label} ${number.number}`\n }\n itemprop={\n number.type === 'fax' ? 'faxNumber' : 'telephone'\n }\n >\n {number.number}\n </stzh-link>\n </div>\n ))}\n </div>\n )}\n\n {this._emails.length > 0 && (\n <div class=\"stzh-contact__emails\">\n {this._emails.map((email) => (\n <div class=\"stzh-contact__email\">\n <span>{email.label} </span>\n {email.href ? (\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-container__email-link\"\n href={`mailto:${email.href}`}\n analyticsId={\n email.analyticsId \|\| `${email.label} ${email.text}`\n }\n itemprop=\"email\"\n >\n {email.text}\n </stzh-link>\n ) : (\n <span class=\"stzh-container__email-link\" itemprop=\"email\">\n {email.text}\n </span>\n )}\n </div>\n ))}\n </div>\n )}\n\n <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n {!this.pobox && (\n <Fragment>\n {this.poboxHeading && (\n <div class=\"stzh-contact__pobox-heading\">\n {this.poboxHeading}\n </div>\n )}\n {this.poboxTitle && (\n <div class=\"stzh-contact__pobox-title\">\n {this.poboxTitle}\n </div>\n )}\n {this.poboxPostalCode && (\n <span class=\"stzh-contact__pobox-postal-code\">\n {this.poboxPostalCode} \n </span>\n )}\n {this.poboxLocation && (\n <span class=\"stzh-contact__pobox-locality\">\n {this.poboxLocation}\n </span>\n )}\n <slot name=\"pobox\"></slot>\n </Fragment>\n )}\n </div>\n\n <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n </div>\n\n {this.availability && (\n <div class=\"stzh-contact__availability\">\n {this.availabilityTitle && (\n <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n {this.availabilityTitle}\n </AvailabilityTitleElement>\n )}\n\n {this._availability.length > 0 && (\n <ul class=\"stzh-contact__availability-list\">\n {this._availability.map((item) => (\n <li class=\"stzh-contact__availability-list-item\">\n <div class=\"stzh-contact__availability-weekday\">\n {item.weekday}\n </div>\n {item.hours.length > 0 && (\n <div class=\"stzh-contact__availability-hours\">\n {item.hours.map((hour, index) => (\n <Fragment>\n <div class=\"stzh-contact__availability-hour\">\n {hour}\n </div>\n {index < item.hours.length - 1 && (\n <div class=\"stzh-contact__availability-hours-separator\"></div>\n )}\n </Fragment>\n ))}\n </div>\n )}\n </li>\n ))}\n </ul>\n )}\n </div>\n )}\n </div>\n </Host>\n )\n }\n}\n"],"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} \n </span>\n )}\n\n {this.location && (\n <span\n class=\"stzh-contact__locality\"\n itemprop=\"addressLocality\"\n >\n {this.location}\n </span>\n )}\n\n <slot name=\"address\"></slot>\n </Fragment>\n )}\n </div>\n\n {this._numbers.length > 0 && (\n <div class=\"stzh-contact__numbers\">\n {this._numbers.map((number) => (\n <div class=\"stzh-contact__number\">\n <span>{number.label} </span>\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-contact__number-link\"\n href={`${number.type}:${formatTel(number.number)}`}\n analyticsId={\n number.analyticsId \|\| `${number.label} ${number.number}`\n }\n itemprop={\n number.type === 'fax' ? 'faxNumber' : 'telephone'\n }\n >\n {number.number}\n </stzh-link>\n </div>\n ))}\n </div>\n )}\n\n {this._emails.length > 0 && (\n <div class=\"stzh-contact__emails\">\n {this._emails.map((email) => (\n <div class=\"stzh-contact__email\">\n <span>{email.label} </span>\n {email.href ? (\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-container__email-link\"\n href={`mailto:${email.href}`}\n analyticsId={\n email.analyticsId \|\| `${email.label} ${email.text}`\n }\n itemprop=\"email\"\n >\n {email.text}\n </stzh-link>\n ) : (\n <span class=\"stzh-container__email-link\" itemprop=\"email\">\n {email.text}\n </span>\n )}\n </div>\n ))}\n </div>\n )}\n\n <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n {!this.pobox && (\n <Fragment>\n {this.poboxHeading && (\n <div class=\"stzh-contact__pobox-heading\">\n {this.poboxHeading}\n </div>\n )}\n {this.poboxTitle && (\n <div class=\"stzh-contact__pobox-title\">\n {this.poboxTitle}\n </div>\n )}\n {this.poboxPostalCode && (\n <span class=\"stzh-contact__pobox-postal-code\">\n {this.poboxPostalCode} \n </span>\n )}\n {this.poboxLocation && (\n <span class=\"stzh-contact__pobox-locality\">\n {this.poboxLocation}\n </span>\n )}\n <slot name=\"pobox\"></slot>\n </Fragment>\n )}\n </div>\n\n <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n </div>\n\n {this.availability && (\n <div class=\"stzh-contact__availability\">\n {this.availabilityTitle && (\n <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n {this.availabilityTitle}\n </AvailabilityTitleElement>\n )}\n\n {this._availability.length > 0 && (\n <ul class=\"stzh-contact__availability-list\">\n {this._availability.map((item) => (\n <li class=\"stzh-contact__availability-list-item\">\n <div class=\"stzh-contact__availability-weekday\">\n {item.weekday}\n </div>\n {item.hours.length > 0 && (\n <div class=\"stzh-contact__availability-hours\">\n {item.hours.map((hour, index) => (\n <Fragment>\n <div class=\"stzh-contact__availability-hour\">\n {hour}\n </div>\n {index < item.hours.length - 1 && (\n <div class=\"stzh-contact__availability-hours-separator\"></div>\n )}\n </Fragment>\n ))}\n </div>\n )}\n </li>\n ))}\n </ul>\n )}\n </div>\n )}\n </div>\n </Host>\n )\n }\n}\n"],"version":3}