{"file":"vds-content-base.vds-content-base-download.vds-content-base-downloads.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,y1RAAy1R,CAAC;AACp3R,6BAAe,iBAAiB;;MCOnB,cAAc;;;wBASN,EAAE;uBAOH,EAAE;6BAKI,KAAK;;IAE7B,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAElD,QACE,EAAC,IAAI,uDACH,2DAAI,KAAK,EAAC,gGAAgG,EAAC,SAAS,EAAE,QAAQ,GAAO,EACrI,2DAAI,KAAK,EAAC,wGAAwG,EAAC,SAAS,EAAE,OAAO,GAAO,EAC5I,6DAAM,IAAI,EAAC,YAAY,GAAQ,EAC/B,6DAAM,IAAI,EAAC,OAAO,GAAQ,EAC1B,6DAAM,IAAI,EAAC,YAAY,GAAQ,EAC7B,aAAa,KACX,6DAAM,IAAI,EAAC,WAAW,GAAQ,CACjC,CACI,EACP;KACH;;;;;AC9CH,MAAM,yBAAyB,GAAG,q7HAAq7H,CAAC;AACx9H,qCAAe,yBAAyB;;MCO3B,sBAAsB;;;QAwBzB,kBAAa,GAAiC,EAAE,CAAC;;;sBAPf,QAAQ;wBAKtB,KAAK;;IAIjC,gBAAgB;QACd,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC;KAChF;IAED,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB,MAAM,IAAI,GAAG;YACX,IAAI;YACJ,MAAM;SACP,CAAC;QAEF,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;SACvB;QAGD,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,4DAAK,KAAK,EAAC,SAAS,IAClB,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,EACJ,wEACE,KAAK,EAAC,wEAAwE,EAC9E,YAAY,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EAC3C,YAAY,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,IACvC,IAAI,GACP,KAAK,CACJ,EACN,4DAAK,KAAK,EAAC,SAAS,IAClB,6DAAM,IAAI,EAAC,KAAK,GAAQ,CACpB,CACF,CACD,EACP;KACH;IAEO,gBAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;KACvD;IAEO,gBAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;KACvD;;;;;ACjFH,MAAM,0BAA0B,GAAG,ihJAAihJ,CAAC;AACrjJ,sCAAe,0BAA0B;;MCM5B,uBAAuB;;;;IAElC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,2DAA2D,IACpE,4DAAK,KAAK,EAAC,oFAAoF,IAC7F,8DAAa,CACT,CACF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/vds-content-base/vds-content-base.scss?tag=vds-content-base&encapsulation=shadow","src/components/vds-content-base/vds-content-base.tsx","src/components/vds-content-base-download/vds-content-base-download.scss?tag=vds-content-base-download&encapsulation=shadow","src/components/vds-content-base-download/vds-content-base-download.tsx","src/components/vds-content-base-downloads/vds-content-base-downloads.scss?tag=vds-content-base-downloads&encapsulation=shadow","src/components/vds-content-base-downloads/vds-content-base-downloads.tsx"],"sourcesContent":[":host {\r\n  @apply block;\r\n}\r\n\r\n::slotted([slot=copy-above]) {\r\n  @apply my-6;\r\n}\r\n\r\n::slotted([slot=copy-below]) {\r\n  @apply my-6;\r\n}\r\n\r\n::slotted([slot=media]) {\r\n  @apply my-6;\r\n}\r\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\r\nimport { VdsContentBaseProperties } from './vds-content-base.interface';\r\n\r\n@Component({\r\n  tag: 'vds-content-base',\r\n  styleUrl: 'vds-content-base.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsContentBase implements VdsContentBaseProperties {\r\n\r\n  @Element() el!: HTMLElement;\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   * 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  render() {\r\n    const { headline, subline, showDownloads } = this;\r\n\r\n    return (\r\n      <Host>\r\n        <h2 class=\"font-heavy text-h2-mobile sm:text-h2-tablet lg:text-h2-desktop text-grey uppercase break-words\" innerHTML={headline}></h2>\r\n        <h3 class=\"font-regular text-s2-mobile sm:text-s2-tablet lg:text-s2-desktop text-berry uppercase mt-2 break-words\" innerHTML={subline}></h3>\r\n        <slot name=\"copy-above\"></slot>\r\n        <slot name=\"media\"></slot>\r\n        <slot name=\"copy-below\"></slot>\r\n        { showDownloads && (\r\n            <slot name='downloads'></slot>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n",":host {\r\n  display: block;\r\n}\r\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\r\nimport { HTMLAnchorElementTarget } from '../../utils/helpers';\r\n\r\n@Component({\r\n  tag: 'vds-content-base-download',\r\n  styleUrl: 'vds-content-base-download.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsContentBaseDownload {\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  /**\r\n   * Text that is displayed as the download link\r\n   */\r\n  @Prop() label: string;\r\n\r\n  /**\r\n   * The URL that the element points to.\r\n   */\r\n  @Prop() href: string;\r\n\r\n  /**\r\n   * Where to display the linked URL\r\n   */\r\n  @Prop() target: HTMLAnchorElementTarget = '_blank';\r\n\r\n  /**\r\n   * Prompts the user to save the linked URL instead of navigating to it.\r\n   */\r\n  @Prop() download: boolean = false;\r\n\r\n  private animatedIcons: HTMLVdsAnimatedIconElement[] = [];\r\n\r\n  componentDidLoad() {\r\n    this.animatedIcons = Array.from(this.el.querySelectorAll('vds-animated-icon'));\r\n  }\r\n\r\n  render() {\r\n    const href = this.href;\r\n    const target = this.target;\r\n    const download = this.download;\r\n    const label = this.label;\r\n\r\n    const args = {\r\n      href,\r\n      target\r\n    };\r\n\r\n    if (download) {\r\n      args['download'] = '';\r\n    }\r\n\r\n\r\n    return (\r\n      <Host>\r\n        <div class=\"flex items-center\">\r\n          <div class=\"w-8 h-8\">\r\n            <slot name=\"start\"></slot>\r\n          </div>\r\n            <a\r\n              class=\"text-berry hover:text-berry-dark sm:text-base-desktop text-base-mobile\"\r\n              onMouseEnter={() => this.handleMouseEnter()}\r\n              onMouseLeave={() => this.handleMouseLeave()}\r\n              {...args}>\r\n              {label}\r\n            </a>\r\n          <div class=\"w-8 h-8\">\r\n            <slot name=\"end\"></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private handleMouseEnter(): void {\r\n    this.animatedIcons.forEach(x => x.handleMouseEnter());\r\n  }\r\n\r\n  private handleMouseLeave(): void {\r\n    this.animatedIcons.forEach(x => x.handleMouseLeave());\r\n  }\r\n\r\n}\r\n",":host {\r\n  display: block;\r\n}\r\n\r\n::slotted(*:not(:first-of-type)) {\r\n  @apply border-x-0 border-y-0 border-t border-solid border-grey-lighter md:mt-0 md:border-0;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'vds-content-base-downloads',\r\n  styleUrl: 'vds-content-base-downloads.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsContentBaseDownloads {\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"py-1 md:border-y-2 md:border-solid md:border-grey-lighter\">\r\n          <div class=\"flex flex-col flex-wrap gap-y-1 md:flex-row md:justify-start md:gap-y-0 md:gap-x-4\">\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n"],"version":3}