{"file":"vds-teaser-quote.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,msKAAmsK,CAAC;AAC9tK,6BAAe,iBAAiB;;MCUnB,cAAc;;;wBAOL,EAAE;oBAMP,EAAE;sBAMC,EAAE;uBAKgB,KAAK;;IAGzC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,0DAA0D,IACnE,4DAAK,KAAK,EAAC,0BAA0B,IACnC,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,EACN,4DAAK,KAAK,EAAC,0BAA0B,IACnC,2DAAI,KAAK,EAAC,qGAAqG,EAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,GAAO,EAC/I,mEAAY,KAAK,EAAC,MAAM,IACtB,0DAAG,KAAK,EAAC,qFAAqF,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAM,EACzH,+DAAQ,KAAK,EAAC,qCAAqC,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,GAAW,CAC1E,EACX,IAAI,CAAC,SAAS,EAAE,CACd,CACF,CACD,EACP;KACH;IAEO,SAAS;QACf,IAAG,IAAI,CAAC,OAAO,EAAE;YACf,QACE,YAAM,IAAI,EAAC,KAAK,GAAQ,EACxB;SACH;KACF;;;;;;","names":[],"sources":["src/components/vds-teaser-quote/vds-teaser-quote.scss?tag=vds-teaser-quote&encapsulation=shadow","src/components/vds-teaser-quote/vds-teaser-quote.tsx"],"sourcesContent":[":host {\r\n  @apply 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 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 to place Media Item (e.g. picture / image)\r\n * @slot cta - Shadow Dom Slot where you can add a Call-To-Action Button (vds-button)\r\n */\r\n@Component({\r\n  tag: 'vds-teaser-quote',\r\n  styleUrl: 'vds-teaser-quote.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsTeaserQuote {\r\n\r\n  /**\r\n   * Headline for the Content Modules\r\n   * Mandatory: no\r\n   * Max Chars: 50\r\n   */\r\n   @Prop() headline = '';\r\n\r\n   /**\r\n    * Text-Content\r\n    * Mandatory: no\r\n    */\r\n  @Prop() copy = '';\r\n\r\n  /**\r\n    * Text-Content above the media element\r\n    * Mandatory: no\r\n    */\r\n   @Prop() source = '';\r\n\r\n  /**\r\n    * Controls wether the CTA Button is displayed or not\r\n    */\r\n   @Prop({ reflect: true }) showCta = false;\r\n\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"relative grid grid-cols-3 gap-y-6 sm:gap-y-0 sm:gap-x-15\">\r\n          <div class=\"col-span-3 sm:col-span-1\">\r\n            <slot name=\"media\"></slot>\r\n          </div>\r\n          <div class=\"col-span-3 sm:col-span-2\">\r\n            <h2 class=\"font-heavy text-h2-mobile sm:text-h2-tablet lg:text-h2-desktop text-grey uppercase mb-2 break-words\" innerHTML={this.headline}></h2>\r\n            <blockquote class=\"mb-6\">\r\n              <p class=\"font-regular text-quote-mobile sm:text-quote-tablet lg:text-quote-desktop text-grey\" innerHTML={this.copy}></p>\r\n              <footer class=\"font-regular text-sm text-grey mt-2\" innerHTML={this.source}></footer>\r\n            </blockquote>\r\n            { this.renderCta() }\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private renderCta(): string {\r\n    if(this.showCta) {\r\n      return (\r\n        <slot name=\"cta\"></slot>\r\n      );\r\n    }\r\n  }\r\n\r\n}\r\n"],"version":3}