{"file":"vds-content-text.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,+jLAA+jL,CAAC;AAC1lL,6BAAe,iBAAiB;;MCMnB,cAAc;;;wBAMN,EAAE;uBAOH,EAAE;6BAKI,KAAK;wBAKV,KAAK;yBAMJ,KAAK;wBAKN,KAAK;yBAKJ,KAAK;;IAEzB,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAE5F,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE;gBACV,MAAM,EAAE,IAAI;gBACZ,sBAAsB,EAAE,SAAS;aAClC,IAEC,QAAQ,KACN,4DACE,KAAK,EAAE;gBACL,2CAA2C,EAAE,IAAI;gBACjD,2BAA2B,EAAE,SAAS;gBACtC,eAAe,EAAE,CAAC,SAAS;gBAC3B,gBAAgB,EAAE,CAAC,SAAS;aAC7B,IACC,4DAAK,KAAK,EAAE;gBACV,oDAAoD,EAAE,IAAI;gBAC1D,+BAA+B,EAAE,CAAC,SAAS;gBAC3C,cAAc,EAAE,SAAS;aAC1B,IACG,6DAAM,IAAI,EAAC,cAAc,GAAQ,EACjC,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAChC,CACJ,CACP,EAED,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,4DAAK,KAAK,EAAC,4CAA4C,IACrD,2DAAI,KAAK,EAAC,8EAA8E,EAAC,SAAS,EAAE,QAAQ,GAAO,EACnH,2DAAI,KAAK,EAAC,yFAAyF,EAAC,SAAS,EAAE,OAAO,GAAO,CACzH,CACF,CAEF,EAEN,4DAAK,KAAK,EAAC,+BAA+B,IACxC,2DAAI,KAAK,EAAC,6DAA6D,EAAC,SAAS,EAAE,OAAO,GAAO,CAC7F,EAEN,6DAAM,IAAI,EAAC,MAAM,GAAQ,EAExB,aAAa,IAAI,6DAAM,IAAI,EAAC,WAAW,GAAQ,EAE/C,QAAQ,KACP,4DAAK,KAAK,EAAC,uDAAuD,IAChE,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACP,CACI,EACP;KACH;;;;;;","names":[],"sources":["src/components/vds-content-text/vds-content-text.scss?tag=vds-content-text&encapsulation=shadow","src/components/vds-content-text/vds-content-text.tsx"],"sourcesContent":[":host {\r\n  @apply inline-block;\r\n}\r\n\r\n::slotted([slot=copy]) {\r\n  @apply my-6;\r\n}\r\n\r\n::slotted([slot=media-mobile]) {\r\n  @apply block md:hidden;\r\n}\r\n\r\n::slotted([slot=media-desktop]) {\r\n  @apply hidden md:block;\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'vds-content-text',\r\n  styleUrl: 'vds-content-text.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsContentText {\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   * Subline for the Content Module\r\n   * Mandatory: no\r\n   * Max Chars: 150\r\n   */\r\n  @Prop() subline = '';\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  /**\r\n   * Controls wether or not the call-to-action buttons should be displayed\r\n   */\r\n  @Prop() showCtas = false;\r\n\r\n  /**\r\n   * Controls the space between media slot and headline\r\n   * true = less space between headline and media slot\r\n   */\r\n  @Prop() fullWidth = false;\r\n\r\n  /**\r\n   * Controls the visibility of the media-mobile and media-desktop slots\r\n   */\r\n  @Prop() showIcon = false;\r\n\r\n  /**\r\n   * Removes space limitation of the media slot to allow larger icons\r\n   */\r\n  @Prop() largeIcon = false;\r\n\r\n  render() {\r\n    const { headline, showIcon, largeIcon, showCtas, showDownloads, subline, fullWidth } = this;\r\n\r\n    return (\r\n      <Host>\r\n        <div class={{\r\n          \"flex\": true,\r\n          \"flex-col sm:flex-row\": largeIcon\r\n        }}>\r\n\r\n        { showIcon && (\r\n            <div\r\n              class={{\r\n                'flex-initial flex items-center text-berry': true,\r\n                'ml-0 mr-4 sm:ml-0 sm:mr-6': fullWidth,\r\n                'mx-4 sm:mx-10': !fullWidth,\r\n                \"justify-center\": !largeIcon\r\n              }}>\r\n                <div class={{\r\n                  \"flex max-h-[90px] sm:max-h-[160px] overflow-hidden\": true,\r\n                  \"max-w-[90px] sm:max-w-[160px]\": !largeIcon,\r\n                  \"mb-5 sm:mb-0\": largeIcon\r\n                }}>\r\n                    <slot name=\"media-mobile\"></slot>\r\n                    <slot name=\"media-desktop\"></slot>\r\n                </div>\r\n            </div>\r\n          )}\r\n\r\n          <div class=\"flex-auto min-w-0\">\r\n            <div class=\"flex flex-col justify-center h-full w-full\">\r\n              <h2 class=\"font-heavy text-grey text-h2-mobile sm:text-h2-desktop uppercase break-words\" innerHTML={headline}></h2>\r\n              <h3 class=\"text-s2-mobile sm:text-s2-desktop text-berry uppercase mt-2 hidden sm:block break-words\" innerHTML={subline}></h3>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"flex sm:hidden justify-center\">\r\n          <h3 class=\"text-s2-mobile sm:text-s2-desktop text-berry uppercase mt-2\" innerHTML={subline}></h3>\r\n        </div>\r\n\r\n        <slot name=\"copy\"></slot>\r\n\r\n        {showDownloads && <slot name=\"downloads\"></slot>}\r\n\r\n        {showCtas && (\r\n          <div class=\"flex flex-wrap flex-row justify-start gap-y-3 gap-x-6\">\r\n            <slot name=\"ctas\"></slot>\r\n          </div>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}