{"file":"vds-sidebar-contact.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,q5JAAq5J,CAAC;AACn7J,gCAAe,oBAAoB;;MCUtB,iBAAiB;;;wBAMT,EAAE;uBAMH,EAAE;;IAEpB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,yFAAyF,IAClG,4DAAK,KAAK,EAAC,UAAU,IACnB,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,EACN,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,gGAAgG,EAAC,SAAS,EAAG,IAAI,CAAC,QAAQ,GAAQ,EAC5I,6DAAM,KAAK,EAAC,qCAAqC,EAAC,SAAS,EAAG,IAAI,CAAC,OAAO,GAAU,CAChF,EACN,4DAAK,KAAK,EAAC,iCAAiC,IAE1C,6DAAM,IAAI,EAAC,OAAO,GAAQ,CAEtB,CACF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/vds-sidebar-contact/vds-sidebar-contact.scss?tag=vds-sidebar-contact&encapsulation=shadow","src/components/vds-sidebar-contact/vds-sidebar-contact.tsx"],"sourcesContent":[":host {\r\n  @apply inline-block;\r\n}\r\n\r\n::slotted(img) {\r\n  @apply w-full h-full object-cover;\r\n}\r\n\r\n::slotted(picture) {\r\n  @apply flex w-full h-auto overflow-hidden;\r\n}\r\n\r\n::slotted(img),\r\n::slotted(picture) {\r\n  @apply w-full rounded-full;\r\n}\r\n","import { Component, Host, h, Prop} from '@stencil/core';\r\n\r\n/**\r\n * @slot media - Shadow DOM Slot for the Contact Image / Picture\r\n * @slot links - Place the contact links here to display as a list\r\n */\r\n@Component({\r\n  tag: 'vds-sidebar-contact',\r\n  styleUrl: 'vds-sidebar-contact.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsSidebarContact {\r\n\r\n  /**\r\n   * Persons name\r\n   * Mandatory: yes\r\n   */\r\n  @Prop() headline = '';\r\n\r\n  /**\r\n   * Persons position\r\n   * Mandatory: yes\r\n   */\r\n  @Prop() subline = '';\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"relative bg-white border-2 border-grey-lighter border-b-8 border-b-yellow rounded-[5px]\">\r\n          <div class=\"p-[50px]\">\r\n            <slot name=\"media\"></slot>\r\n          </div>\r\n          <div class=\"px-[30px] pb-[30px]\">\r\n            <h3 class=\"font-heavy text-h3-mobile sm:text-h3-tablet lg:text-h3-desktop text-grey uppercase break-words\" innerHTML={ this.headline }></h3>\r\n            <span class=\"block text-s3 text-grey break-words\" innerHTML={ this.subline }></span>\r\n          </div>\r\n          <div class=\"px-[30px] pb-[30px] break-words\">\r\n\r\n            <slot name=\"links\"></slot>\r\n\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n"],"version":3}