{"file":"vds-content-quote.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,m2LAAm2L,CAAC;AAC/3L,8BAAe,kBAAkB;;MCOpB,eAAe;;;;;6BAkBD,KAAK;;;;;IAQ9B,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAEhF,QACE,EAAC,IAAI,uDACH,yEAAkB,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,oBAAkB,aAAa,IAEnF,4DAAK,IAAI,EAAC,YAAY,IACpB,6DAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,EAEN,mEAAY,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,qEAAqE,IAClG,4DAAK,KAAK,EAAC,iCAAiC,IAC1C,4DAAK,KAAK,EAAC,kDAAkD,IAC3D,6DAAM,KAAK,EAAC,+GAA+G,aAAS,CAChI,EACN,4DAAK,KAAK,EAAC,6BAA6B,IACtC,2DAAI,KAAK,EAAC,kEAAkE,IACzE,aAAa,CACX,CACD,CACF,EACN,4DAAK,KAAK,EAAC,6BAA6B,IACtC,4DACG,KAAK,CACJ,EACJ,+DAAQ,KAAK,EAAC,sCAAsC,IACjD,MAAM,CACA,CACL,EACN,4DAAK,KAAK,EAAC,0BAA0B,IACnC,6DAAM,KAAK,EAAC,8GAA8G,aAAS,CAC/H,CACK,EAEb,4DAAK,IAAI,EAAC,YAAY,IACpB,6DAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,EAEJ,IAAI,CAAC,aAAa,KAClB,4DAAK,IAAI,EAAC,WAAW,IACnB,6DAAM,IAAI,EAAC,WAAW,GAAQ,CAC1B,CACP,CACgB,CACd,EACP;KACH;;;;;;","names":[],"sources":["src/components/vds-content-quote/vds-content-quote.scss?tag=vds-content-quote&encapsulation=shadow","src/components/vds-content-quote/vds-content-quote.tsx"],"sourcesContent":[":host {\r\n  display: inline-block;\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { VdsContentBaseProperties } from '../vds-content-base/vds-content-base.interface';\r\n\r\n@Component({\r\n  tag: 'vds-content-quote',\r\n  styleUrl: 'vds-content-quote.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsContentQuote implements VdsContentBaseProperties {\r\n  /**\r\n   * Headline for the Content Modules\r\n   * Mandatory: no\r\n   * Max Chars: 50\r\n   */\r\n   @Prop() headline: string;\r\n\r\n   /**\r\n    * Subline for the Content Module\r\n    * Mandatory: no\r\n    * Max Chars: 150\r\n    */\r\n   @Prop() subline: string;\r\n\r\n   /**\r\n    * Controls wether or not the downloads should be displayed\r\n    */\r\n   @Prop() showDownloads = false;\r\n\r\n   @Prop() quoteHeadline: string;\r\n\r\n   @Prop() quote: string;\r\n\r\n   @Prop() source: string;\r\n\r\n  render() {\r\n    const { headline, subline, showDownloads, quoteHeadline, quote, source } = this;\r\n\r\n    return (\r\n      <Host>\r\n        <vds-content-base headline={headline} subline={subline} show-downloads={showDownloads}>\r\n\r\n          <div slot=\"copy-above\">\r\n            <slot name=\"copy-above\"></slot>\r\n          </div>\r\n\r\n          <blockquote slot=\"media\" class=\"text-quote-mobile sm:text-quote-desktop mx-4 sm:mx-10 py-10 sm:py-8\">\r\n            <div class=\"grid grid-cols-2 sm:grid-cols-5\">\r\n              <div class=\"col-span-1 col-start-2 sm:col-start-5 text-right\">\r\n                <span class=\"text-berry relative block text-[100px] -bottom-[1rem] sm:text-[200px] sm:leading-[2.3rem] sm:-right-[0.75rem]\">“</span>\r\n              </div>\r\n              <div class=\"col-span-full mt-6 lg:mt-10\">\r\n                <h4 class=\"font-heavy text-grey text-h4-mobile sm:text-h4-desktop uppercase\">\r\n                  {quoteHeadline}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-span-full mt-6 lg:mt-10\">\r\n              <p>\r\n                {quote}\r\n              </p>\r\n              <footer class=\"block text-sm mt-[36px] sm:mt-[46px]\">\r\n                {source}\r\n              </footer>\r\n            </div>\r\n            <div class=\"col-span-1 mt-6 lg:mt-10\">\r\n              <span class=\"text-berry relative block text-[100px] sm:text-[200px] -top-[4rem] -ml-[0.5rem] sm:-top-[6rem] sm:-ml-[1rem]\">„</span>\r\n            </div>\r\n          </blockquote>\r\n\r\n          <div slot=\"copy-below\">\r\n            <slot name=\"copy-below\"></slot>\r\n          </div>\r\n\r\n          { this.showDownloads && (\r\n            <div slot=\"downloads\">\r\n              <slot name=\"downloads\"></slot>\r\n            </div>\r\n          )}\r\n        </vds-content-base>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n"],"version":3}